ソースコードに色をつけるgoogle-code-prettifyを使ってみた - kaeruspoon

« 404エラーを返さなくちゃだよ | 飲み会とか »

ソースコードに色をつけるgoogle-code-prettifyを使ってみた 2007-03-31 00:00:00
　高校の学習指導計画書に「高橋メソッド」と「もんたメソッド」が！という記事。ここまで有名だったのか。すげー。笑ったけど。Rubyの名前まで出てるし。

　Javascriptでソースコードに色をつけるgoogle-code-prettifyを使ってみました。使いかたはとても簡単(こちらを参照)。さっそくkaeruspoonに適用してみました。

1.まずはここでprettify.cssとprettify.jsを手に入れます。それぞれのファイルを、RailsRoot/public/stylesheets/とRailsRoot/public/javascripts/に置きます。

2.ヘッダでprettify.cssとprettify.jsをインクルードします。
```
<%= javascript_include_tag "prototype", "effects", "prettify" %>
<%= stylesheet_link_tag 'kaeru', 'prettify' %>
```
3.bodyタグにonload="prettyPrint()"を指定します。
```
<body onload="prettyPrint()">
```
4.preタグ、またはcodeタグにclass="prettyprint"を指定します。
```
  def exchange_pre(text)
    "<pre class=\"prettyprint\">\n#{h(text)}\n</pre>\n"
  end
```
　これだけです。ホントはC言語とかJava用みたいだけどRubyRubyでもいけるね。スタイルシートのほうで色指定できるので、後で調整してみよう。
コメント(0) リンク元(35)

WEB+DB PRESS Vol.36
作者/アーティスト: WEB+DB PRESS編集部
メディア: 大型本

夜のフロスト (創元推理文庫)
作者/アーティスト: 芹澤恵
メディア: 文庫

« 404エラーを返さなくちゃだよ | 飲み会とか »