google-code-prettify - syntax highlighting of code snippets in a web page - Google Project HostingCode Archive Skip to content Google About Google Privacy Terms
技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
ヽ( ・∀・)ノくまくまー(2006-01-07) - ソースコードの色付け
● ソースコードの色付け どうせお前らは、日記やWebのコンテンツで、ソースコードを色付けしたいんだけど、以前ちょっと調べたときにはグッとくるものが見つからなくてそのままペンディング状態になっていて、自慢の記憶力の悪さが幸いして簡単に記憶から消えてしまって幸せな日々を送っていたのだけれど、「はてなの人の日記」 http://d.hatena.ne.jp/naoya/20051231 を見たせいでそのことを思い出しちゃって、さらにそこで見た実際に色付けされたコードがあまりにも綺麗で、脳裏に焼きついてしまって(※1)、どうにも羨ましくなった、というか何か負けた気がして悔しくなってきて、いやこれは自分が超えないといけない壁なんだ、神様が俺に与えた試練なんだ、と勝手にいつもの妄想がはじまるんだけど、かといってご褒美がないとヤル気の出ないゆとり教育の弊害のようなワガママなお前らだから、これで再調査し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Text::VimColorをRubyに移植する - Blog by Sadayuki Furuhashi
http://vimcolor.spiritloose.net/
http://qbnz.com/highlighter/
