Asp Forum - HTML formated Ruby code

Felipe Contreras

5/7/2007 8:58:00 AM

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"> </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"> </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

8 Answers

akbarhome

5/7/2007 9:04:00 AM

On May 7, 3:58 pm, "Felipe Contreras" <felipe.contre...@gmail.com>
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"> </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"> </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.

James Gray

5/7/2007 11:53:00 AM

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-text...

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

Gregory Seidman

5/7/2007 1:33:00 PM

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-col...

> Felipe Contreras
--Greg

Daniel Leidisch

5/7/2007 1:42:00 PM

Felipe Contreras <felipe.contreras@gmail.com> 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.

Jeremy Hinegardner

5/7/2007 9:35:00 PM

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.ru...

enjoy,

-jeremy

--
========================================================================
Jeremy Hinegardner jeremy@hinegardner.org

Felipe Contreras

5/8/2007 2:13:00 PM

On 5/7/07, James Edward Gray II <james@grayproductions.net> 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-text...
>
> 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

come

5/9/2007 9:49:00 AM

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">"</font><font color="#ff00ff"><a
href="http://www.">http://www.</a></font><font color="#6a5acd">"</
font> + engine.downcase + <font color="#6a5acd">"</font><font
color="#ff00ff">.com</font><font color="#6a5acd">"</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" <felipe.contre...@gmail.com>
wrote:
> Hi,
>
> Does anyone knows how all that beautiful HTML formated Ruby code on
> ruby-lang.org is generated?
>

Gavin Kistner

5/9/2007 1:40:00 PM

On May 7, 3:34 pm, Jeremy Hinegardner <jer...@hinegardner.org> wrote:
> You could also try CodeRayhttp://coderay.ru...

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?

comp.lang.ruby

HTML formated Ruby code

Felipe Contreras

akbarhome

James Gray

Gregory Seidman

Daniel Leidisch

Jeremy Hinegardner

Felipe Contreras

come

Gavin Kistner

x Login to ForumsZone