google-code-prettifyを試してみた - 日曜プログラマのそゞろ事
Perlのソースをブログに書くために色々と調べてみた。 参考 あなたのソースコードを彩る、Syntax Highlighterまとめ - Blog.37to.net で、今の状況で導入が比較的簡単そうな「google-code-prettify」を試してみることにした。 A Javascript module and CSS file that allows syntax highlighting of source code snippets in an html page. README（Javascript code prettifier）のsetupをいい加減に訳すと、 ファイル一式をダウンロードします。 適用するドキュメントに、スタイルシートとJavaScriptをインクルードします。linkタグやscriptタグで指定します。 bodyタグのonloadに"prettyPrin
jQueryを使ってgoogle-code-prettifyを自動的に適用してみた - 日曜プログラマのそゞろ事
MENTAを追いかけ始めてからPerlだけじゃなく、Web開発に関して色々と資料を読んでいる。 資料といっても、はてなブックマークの注目エントリーや人気エントリーを中心にあれこれと読んでいるだけだが。 その中で、JavaScriptのライブラリとして最近ホットなのがjQueryだ。 それはそれとして、先ほどのエントリーで参照した先のソースを見てみると、preタグにもcodeタグにも「prettyprint」が書いてなかった。 不思議に思ってソースを見てみると、prettyfy.jsを読んだ後に別のスクリプトを読んでいて、その中でどうやらクラス名を操作して、その後にprettyPrint()している事がわかった。 それと同じ事をjQueryでやってみよう、と思ってやってみた。 書いた場所は、テンプレートのフッター。 先ほどのスクリプトを読み込んだ後にjQueryを読み込んで、さらにそ
あなたのソースコードを彩る、Syntax Highlighterまとめ | Blog.37to.net
home blog labs about contact Web・コンピュータ > あなたのソースコードを彩る、Syntax Highlighterまとめ Syntax Highlighter ソース ブログ 作成： 2007-06-30T19:14:27+09:00 更新： 2009-04-29T00:31:57+09:00 ブログに貼り付けたソースコードを分かりやすく見せたい！ というのはコードを書くブロガーなら誰でも思うはず。 最近はコードを書いてもそのまま貼り付けるだけになってしまっていましたが、やはりソースコードは色づけされて分かりやすい方がいい。 何故かまとまった情報が無いようなので、まとめてみました。 ちなみに、ライブラリを選ぶ最中にまとめたので、どのツールも未使用なのであしからず。 JavaScript系 JavaScriptを使って自動で色分けしてくれるようなツール。 元
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
移転しました
Text::Highlight
はてなブログ | 無料ブログを作成しよう
google-code-prettify でソースコードを色分け表示 - WebOS Goodies
Perlのソースをブログに書くために＠日曜プログラマのそゞろ事
Sedition·com is under the knife
