HTML formated Ruby code

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.

···

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

I don't know exactly how they do it, but I do the same thing using this:

http://rubyinside.com/syntax.cgi

It's really just a Ruby script you could hook up yourself, but I'm too lazy
to remember how to do it, so I let people use mine on Ruby Inside instead :slight_smile:
The CSS needed and further instructions can be found here:
http://www.rubyinside.com/advent2006/7-coloring.html

Cheers,
Peter Cooper

···

On 5/7/07, Felipe Contreras <felipe.contreras@gmail.com> wrote:

Hi,

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

···

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?

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

···

On Mon, May 07, 2007 at 05:58:05PM +0900, Felipe Contreras wrote:

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.

···

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?

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

enjoy,

-jeremy

···

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?

--

Jeremy Hinegardner jeremy@hinegardner.org

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

+ 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" <felipe.contre...@gmail.com> wrote:

Hi,

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

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

···

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-textmate-theme

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

--
Felipe Contreras

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?

···

On May 7, 3:34 pm, Jeremy Hinegardner <jer...@hinegardner.org> wrote:

You could also try CodeRayhttp://coderay.rubychan.de/