ソースコードをハイライトするSyntaxHighlighter3.0を使いこなす
導入編：DevAchieve: BloggerにソースコードをハイライトするSyntaxHighlighterを導入する SyntaxHighlighterを使用してソースをカラフルに表示するには、 以下の二通りの方法で記述することができます。 preタグを使う scriptタグを使う preタグを使う<pre class="brush: alias;"> // ココにソースを記述 </pre>メリット：後述のscriptタグと違ってハイライトスクリプトが読み込まれなくてもテキストとして表示される。 デメリット：<以降がタグとして認識されるため<と書き換えなければならない。 Bloggerの人気の投稿ウィジェットに表示される記事の前文にpreタグまで含まれると 表示が狂うことがある。(何が原因かわからないけどコレのせいで最初からHTML/CSS組み直した(´Д⊂ヽ) このせいで記事の
ソースコードの装飾表示方法 SyntaxHighlighter
HTML,CSS,JS,Perl,PHPなどの各ソースコードをWebサイト上に綺麗に再現。 NetyaSun ソースコード表示 ホームページ 作成、運営、管理ガイド 行番号や各行背景色で見やすい ソースコード ビュー ライブラリ SyntaxHighlighter エディタのようにWebサイト上に綺麗にソースコードを表示する方法。 ソースを書くプロ達や未来の開発者のための学びの場である HTML,CSS,JS,Perl,PHPなどのマニュアル・解説サイトなどで、 PREソースコードを行頭番号付きでカッコよく表示するソース ビューア SyntaxHighlighter SyntaxHighlighter:Download ソース上にオンマウスで の操作タブがソースの右上に表示されるようになった。 ソースを別窓ビュー表示したりクリップボードに保存や印刷も可能な優れものです。 <?xml ve
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
remora.cx
Using SyntaxHighlighter 3.0+ on your blog
http://lh4.ggpht.com/-T5BEGZMwBRU/UBILx5KqLaI/AAAAAAAAB3M/YBN9iQtJpcc/120727-0006.jpg?imgmax=800
http://lh3.ggpht.com/-ypcf52ei5Tk/UBILwuZKTkI/AAAAAAAAB3E/BZhuvMFsfCE/120727-0005.jpg?imgmax=800
http://lh4.ggpht.com/-FVlCD_69V6M/UBILthfL6QI/AAAAAAAAB20/ve4J1pfEmHk/120727-0004.jpg?imgmax=800
http://lh5.ggpht.com/-S4ynbhSlBGQ/T4Fl4MVfaJI/AAAAAAAAAPc/edIMPGMTny8/_Side%252520of%252520the%252520apple_%252520Settings.jpg?imgmax=800
