FC2ブログ

[スポンサー広告]スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[JavaScript]プログラムを美しく見せる「SyntaxHighlighter」

コードを貼り付けるようなサイトにはそれなりの表示機能があったほうがいい
ということで、いろいろと調べた結果以下のjavascriptにすることにした。

Google Code SyntaxHighlighter

まずはGoogleCodeからjavascript本体のダウンロードする。

ソースコードを綺麗に表示するJS「dp.SyntaxHighlighter」

そして、上の記事を参考にブログに読み込ませる。

fc2blogユーザであれば、
環境設定>テンプレートの設定、で以下のコードを内に追加する。










そしたら、あとは記述する記事内で所定の書式に従って記述するだけ。


hogehoge = 0; //ここにコードを記述する

しかし、たったこれだけなのに、htmlコード記述時にハマった。(;^ω^)
htmlコードを表示するときはあらかじめHTMLの実体参照変換を行わないと、
きれいに消えて見えなくなってしまうことに気をつけよう。(俺だけ?)

<参考>蓄々HTML実体参照変換
http://www.akiyan.com/cc_convert_html_specialchars

よし、これでブログの環境設定も整ったことだし、
つらつらと書き綴っていきますか!?

= 2009/3/13 追記 =
fc2ブログで自動改行設定しておくと、
コード内の改行がうまく認識されないみたい。
仕方ないから、解決するまで一旦外すこととします。
スポンサーサイト
プロフィール

jsuz

Author:jsuz
あなたは 人目の覗き人
せっせと自宅で作る開発者ブログ。 メインblogはこちら↓
今日もイイコトあった?

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。