秋元@サイボウズラボ・プログラマー・ブログ: JavascriptによるC系ソースコードのハイライトライブラリgoogle-code-prettify
via del.icio.us/popular google-code-prettifyは、Javascriptによるソースコードの色づけライブラリ。 HTMLの中に含まれた、C, Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, Makefileなどのソースコードコメントや文字列、予約語を色つきでハイライトしてくれる。それ以外でも、Ruby, PHP, Awkや一部のPerlコードでも動くだろうということ。 使い方はこちら。jsとcssをインクルードして、bodyタグに onload=”prettyPrint()”を追加。コードはpreタグかcodeタグでclass属性”prettyprint”をつけるだけ。 テストコードを兼ねたサンプルがここにある。 ハイライトの色などは別途CSSで指定できるので、自分のこのみの表示形式にすること
記事中のソースコードのマークアップについて。 - buena suerte!
最近ソースコード用のCSSやマークアップに関する記事がいくつか上がっていて興味深く読ませて頂きました。 うちでもカスタマイズなどの説明の際にはかならずコード使って説明するのでとても参考になりました。 ブログにコードを貼り付ける方法で悩むの巻 - i d e a * i d e aRe: i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻 - hxxk.jppre要素へのスタイル指定 - hail2u.net - Weblogpre 要素のスタイル定義とマークアップ - 2xup ただ個人的に大勢の方が推奨されているpre要素＋code要素の記法ではどうCSSを駆使しても読みやすさという点で限界があると思いまして、読みやさすさを求めた他の方法を探してみました。 まずはdp.SyntaxHighlighterというjavascriptを使う手。 これを使えばtex
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
