Syntax Highlighting with AsciiDoctor & CodeRay

asciidoctor markdown

:source-highlighter: coderay
:coderay-css: class
:coderay-linenums-mode: table

[source,ruby,linenums,role="my_css_class"]
.filename.ext
----
example code
----

Gemfile

gem 'asciidoctor'
gem 'coderay', '~> 1.1.0'

view.html.slim

== Asciidoctor.convert(@article.content, safe: 'safe')

webdevtools output

<div class="content">

    <pre class="highlight">
        <code class="language-ruby" data-lang="ruby">

            require 'sinatra'

            get '/hi' do
              "Hello World!"
            end

        </code>
    </pre>

</div>

<div class="listingblock my_css_class"> 
    <div class="title">app.rb<
    </div> 
    <div class="content"> 
        <pre class="highlight">
            <code class="language-ruby" data-lang="ruby">require 'sinatra' get '/hi' do "Hello World!" end
            </code>
      </pre> 
    </div>
<div>