bulkitem Diary

google-code-prettifyのテスト

google-code-prettifyでシンタックスハイライトをやってみる。

まずは、Ruby

class Ruby
  def test
    "google-code-prettify"
  end
end
puts Ruby.new.test

JavaScript

function ECMAScript() {this.init()}
ECMAScript.prototype.init = function() {
  window.alert('google-code-prettify');
}
new ECMAScript();

とりあえずは、マトモに色分けしてる感じ。

今のtDiaryのプラグインのソースは以下。

add_header_proc do
  out = ""
  out.concat %Q(<script type="text/javascript" src="/js/prettify.js"></script>?n)
  out.concat %Q(<script type="text/javascript">window.onload = function() {prettyPrint()}</script>?n)
  out.concat %Q(<link rel="stylesheet" href="/theme/prettify.css" type="text/css" media="all"></link>?n)
  out
end

tDiaryではcssとかjsとか、何処に置くべきなんだろう。そういう話がMLで出ていた様な気がするので、後で漁って見る。

cssファイルとjsファイルはhttp://code.google.com/p/google-code-prettify/から入手。

具体的にはsvnリポジトリのWEB公開から取得する見たいです。

Tags: tdiary | Bookmark: