• ベストアンサー

サンプルソースをブラウザーに表示する手段

HTMLやjQueryのサンプルソースを紹介するのに、 画像のような状態のものをよく目にするのですが、 これは何か特別なライブラリーがあって、 それを設定するだけでこのような表示が可能なものなのでしょうか？ ここまで高機能ではなくても、 タグや背景に色付けができればなと思っているのですが… それともそういう便利なものはないのでしょうか？ HTMLの「pre」タグを使えば、ひとまずは簡単に表示させられるので、 それでもいいかと思っているのですが、 ご存知の方がらいらしたらぜひ教えていただきたいと思いまして。 よろしくお願いいたします。

画像を拡大する
  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

コードをハイライトしてくれるライブラリがいくつかあるようなので、 そちらを利用してみるのはいかがでしょうか・・・？ ○SyntaxHighlighter http://alexgorbatchev.com/SyntaxHighlighter/ http://javascript.webcreativepark.net/library/syntaxhighlighter ○google-code-prettify http://code.google.com/p/google-code-prettify/ http://greenapple-room.com/conc/user/TwitterBootstrap/bootstrap_prettyPrint.html ○CodePress http://www.skuare.net/test/CodePress.html 個人的には、SyntaxHighlighterが好みです＾＾

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

職業から探して質問する
質問する