HTML formated Ruby code

Discussion in 'Ruby' started by Felipe Contreras, May 7, 2007.

  1. Hi,

    Does anyone knows how all that beautiful HTML formated Ruby code on
    ruby-lang.org is generated?

    Like this:

    <div id="code">

    <div class="comment"># Output "I love Ruby"</div>
    <div>say <span class="op">=</span> <span class="string">"I love
    Ruby"</span></div>
    <div>puts say</div>
    <div class="blank-line">&nbsp;</div>
    <div class="comment"># Output "I *LOVE* RUBY"</div>

    <div>say<span class="op">[</span><span
    class="string">'love'</span><span class="op">]</span> = <span
    class="string">"*love*"</span></div>
    <div>puts say<span class="op">.</span>upcase</div>
    <div class="blank-line">&nbsp;</div>
    <div class="comment"># Output "I *love* Ruby"</div>

    <div class="comment"># five times</div>
    <div><span class="numeric">5</span><span class="op">.</span>times
    <span class="op">{</span> puts say <span class="op">}</span></div>

    </div>

    --
    Felipe Contreras
     
    Felipe Contreras, May 7, 2007
    #1
    1. Advertising

  2. Felipe Contreras

    akbarhome Guest

    On May 7, 3:58 pm, "Felipe Contreras" <>
    wrote:
    > Hi,
    >
    > Does anyone knows how all that beautiful HTML formated Ruby code on
    > ruby-lang.org is generated?
    >
    > Like this:
    >
    > <div id="code">
    >
    > <div class="comment"># Output "I love Ruby"</div>
    > <div>say <span class="op">=</span> <span class="string">"I love
    > Ruby"</span></div>
    > <div>puts say</div>
    > <div class="blank-line">&nbsp;</div>
    > <div class="comment"># Output "I *LOVE* RUBY"</div>
    >
    > <div>say<span class="op">[</span><span
    > class="string">'love'</span><span class="op">]</span> = <span
    > class="string">"*love*"</span></div>
    > <div>puts say<span class="op">.</span>upcase</div>
    > <div class="blank-line">&nbsp;</div>
    > <div class="comment"># Output "I *love* Ruby"</div>
    >
    > <div class="comment"># five times</div>
    > <div><span class="numeric">5</span><span class="op">.</span>times
    > <span class="op">{</span> puts say <span class="op">}</span></div>
    >
    > </div>
    >
    > --
    > Felipe Contreras


    My guess is they make it manually. If not, it is a part of RadiantCMS
    project that they use it.
     
    akbarhome, May 7, 2007
    #2
    1. Advertising

  3. On May 7, 2007, at 3:58 AM, Felipe Contreras wrote:

    > Does anyone knows how all that beautiful HTML formated Ruby code on
    > ruby-lang.org is generated?


    I've hand edited most of the code on that site for various reasons,
    but TextMate can be used to generate HTML pretty close to it. The
    site's syntax coloring has been made into a TextMate theme called
    Ruby Blue:

    http://wiseheartdesign.com/2006/03/11/ruby-blue-textmate-theme

    When you have code open with that theme on, you can use commands in
    the TextMate bundle to convert it to HTML.

    James Edward Gray II
     
    James Edward Gray II, May 7, 2007
    #3
  4. On Mon, May 07, 2007 at 05:58:05PM +0900, Felipe Contreras wrote:
    > Hi,
    >
    > Does anyone knows how all that beautiful HTML formated Ruby code on
    > ruby-lang.org is generated?

    [...]

    I don't know exactly how they do it, but I wrote up how I do it here:

    http://redcorundum.blogspot.com/2006/07/syntax-coloring.html

    > Felipe Contreras

    --Greg
     
    Gregory Seidman, May 7, 2007
    #4
  5. Felipe Contreras <> wrote on Mon, May 07, 2007 at 05:58:05PM +0900:
    > Hi,
    >
    > Does anyone knows how all that beautiful HTML formated Ruby code on
    > ruby-lang.org is generated?


    I don't know how they did it, but you can run

    :so $VIMRUNTIME/syntax/2html.vim

    from inside vim and have all the available color themes output as
    HTML. In Emacs I use htmlize.el. Another option would be highlight,
    which is run from the command line.
     
    Daniel Leidisch, May 7, 2007
    #5
  6. On Mon, May 07, 2007 at 05:58:05PM +0900, Felipe Contreras wrote:
    > Hi,
    >
    > Does anyone knows how all that beautiful HTML formated Ruby code on
    > ruby-lang.org is generated?


    You could also try CodeRay http://coderay.rubychan.de/

    enjoy,

    -jeremy

    --
    ========================================================================
    Jeremy Hinegardner
     
    Jeremy Hinegardner, May 7, 2007
    #6
  7. On 5/7/07, James Edward Gray II <> wrote:
    > On May 7, 2007, at 3:58 AM, Felipe Contreras wrote:
    >
    > > Does anyone knows how all that beautiful HTML formated Ruby code on
    > > ruby-lang.org is generated?

    >
    > I've hand edited most of the code on that site for various reasons,
    > but TextMate can be used to generate HTML pretty close to it. The
    > site's syntax coloring has been made into a TextMate theme called
    > Ruby Blue:
    >
    > http://wiseheartdesign.com/2006/03/11/ruby-blue-textmate-theme
    >
    > When you have code open with that theme on, you can use commands in
    > the TextMate bundle to convert it to HTML.


    Thanks!

    Unfortunately I don't have TextMate since I'm on Linux.

    I really really like VIM, but I'm starting to feel it has a lot of shortcomings.

    Hmm, maybe some Ruby extensions inside VIM is just what I need...

    /me drools

    --
    Felipe Contreras
     
    Felipe Contreras, May 8, 2007
    #7
  8. Felipe Contreras

    come Guest

    Hi,

    For my HTML output, I use the ScreenShot plugin with vim. It comes
    with the "TOhtml" command which produce an HTML output on my windows
    computer. It should works on Linux, too.

    The output looks like this :
    <pre>
    search_engines =
    <font color="#6a5acd">%w[</font><font color="#ff00ff">Google Yahoo
    MSN</font><font color="#6a5acd">]</font>.map <font
    color="#804040"><b>do</b></font> |<font color="#008080">engine</font>|
    <font color="#6a5acd">&quot;</font><font color="#ff00ff"><a
    href="http://www.">http://www.</a></font><font color="#6a5acd">&quot;</
    font> + engine.downcase + <font color="#6a5acd">&quot;</font><font
    color="#ff00ff">.com</font><font color="#6a5acd">&quot;</font>
    <font color="#804040"><b>end</b></font>
    </pre>

    For my output on doc Word, It is possible to insert HTML output, but
    SciTE has a "Copy to RTF" command which is a litte faster.

    Come

    On 7 mai, 10:58, "Felipe Contreras" <>
    wrote:
    > Hi,
    >
    > Does anyone knows how all that beautiful HTML formated Ruby code on
    > ruby-lang.org is generated?
    >
     
    come, May 9, 2007
    #8
  9. Felipe Contreras

    Phrogz Guest

    On May 7, 3:34 pm, Jeremy Hinegardner <> wrote:
    > You could also try CodeRayhttp://coderay.rubychan.de/


    I've been wanting to write a Lua scanner for CodeRay, but haven't been
    able (in mere minutes of exploration) to figure out where to begin.
    Has anyone worked with CodeRay as a language author, and could provide
    some tips/webpages/articles/documentation on how to write a plugin for
    a new language for it?
     
    Phrogz, May 9, 2007
    #9
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Ben
    Replies:
    0
    Views:
    1,094
  2. Alejandro Penate-Diaz

    string to formated datetime

    Alejandro Penate-Diaz, Mar 11, 2005, in forum: ASP .Net
    Replies:
    2
    Views:
    382
    William F. Robertson, Jr.
    Mar 11, 2005
  3. Mike Allen
    Replies:
    3
    Views:
    439
    xhead
    Oct 24, 2005
  4. walterbyrd
    Replies:
    13
    Views:
    1,350
    walterbyrd
    May 13, 2009
  5. hswerdfe

    javascript and poorly formated html

    hswerdfe, Oct 28, 2005, in forum: Javascript
    Replies:
    1
    Views:
    82
    David Dorward
    Oct 28, 2005
Loading...

Share This Page