カテゴリー:webソースコードの表示にSyntaxHighlighterを利用していたのですが、google-code-prettifyに変更しました。Bootstrapで利用されており、SyntaxHighlighterに比べてデザインの変更が容易なため利用することにしました。自動言語判定のため、誤判定をする場合もありますが。CSSとJSのダウンロード下記のページからCSSとJSをダウンロードしてサーバーにアップします。google-code-prettify.bz2、.tarの解凍はLhaplusなどの解凍ソフトで解凍できます。CSSとJSの読み込み<head>内に記述します。お好みでJSは</body>の直前に。prettyPrint関数の呼び出しprettify.jsを読み込んだだけでは適用されないため、onload時にprettyPrint関数を実行する必要があります。google-code-prettifyの利用<pre>タグにprettyprintのclassをつける。class="prettyprint">ここにソースコード<pre>行番号の付与linenumsのclassを追加。linenums">ここにソースコードここにソースコードここにソースコード<pre>開始行番号を指定するlinenums:xxのclassを追加。linenumsのclassは無くてもいいのですが、linenums:xxに対してlinenumsのclassのCSSが適用されないため、linenumsのclassを追加しています。linenums">ここにソースコードここにソースコードここにソースコード<pre>言語の指定をするlang-xxxclassを追加。Makefilesなど。Awkあたりはほどほどに対応しているようです。Galleryに色々なテーマがそろっているので、prettify.cssの代わりにダウンロードして適用してみてください。UIのDatepickerを利用するコメントコメントは公開されません。誤記、お問い合わせなどお気軽に送信してください。