• ベストアンサー

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

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

  • ソースコードを表示するブラウザはありますか？

    次のような機能を持ったブラウザを探しているのですが、このようなものはあるのでしょうか？ (1)URLを指定するとそのページのソースコードを表示する。 (2)ソースコード中の<A>タグ(またはURL)をクリックすると、そのURLをIEなどのHTMLを解釈して表示するブラウザに渡して表示させる。

  • 記事内にソースを表示するには？

    よろしくお願いします。 ブログにHTMLのタグのことを書いた記事を乗せたいのですが、ブログでソースをそのまま表示するタグはなんでしょうか？ preはだめ（映らない）、xmpやtextareaは<br />が出てしまうわで、お手上げです・・・。 ブログはJUGEMです。

  • WordでHTMLソース表示

    　Windows2000でWord2000を使用しています． 　WordでHTML文書を開くと，ワード側でそのHTMLの中身を解釈して，ブラウザで見たときのように表示しますが，この機能を外し，開いたときに，直ちにソースそのままで表示させるようにするにはどうすればいいのでしょうか(別にタグごとに色分けしなくても構いません)． 　ただし，「表示」->「HTMLソース」とする以外の方法を伺いたいと思っています(繰り返しますが，『開いたときに，直ちに』です)． 　また，私はWordでHTMLを編集するつもりはありませんので，その他のHTML編集に適したエディタなどをご紹介いただがなくても結構です． 　確か前はできてたはずなのですが，情けないことにやり方を忘れてしまいました・・・．

  • ブラウザによってはソースが表示される

    ローカル環境でphpで書いたHPをテストしました。IEではうまくいきますが、FirefoxやOperaではphpソースが表示されてしまいます。見てみると、アローの>や比較演算子の>をphpの終了タグと認識しているようで、そのあとのソースが表示されています。いまは<?phpと?>を使っていますが、ためしに<script language="php"></script>にしてみたらうまくいきました。しかし、formの中で変数を使うのにvalue="<?=$変数 ?>"というように使っているところはその書き方に直していられないようにおもいます。HTMLのヘッダは確認しましたが、ほかにどんな間違いが考えられるでしょうか？

    • ベストアンサー
    • PHP
  • ソースの表示が出来ない

    HTMLでホームページを作っています。 と言っても玄関はHPをお借りしてますが。 更新しようと思いファイルを作って保存してあった物の ソースの表示が出来ません。 tableタグが多いので保存してあったタグを見なければ 同じような色や表を作れないのです。 「表示」→「ソースの表示」をクリックすると 画面の所が透明に透けて表示されてしまいます。 昨夜の夜中にからです。 どこかいじってしまったのでしょうか？ それとも壊れてしまったのでしょうか？ これじゃHPで使うHTMLファイルが作れません。 困っています。 WindowsXPです。 どなたか助けてください。 m( _"_ )mペコ♪

  • ブラウザによって画像が表示されない。

    同じＩＥ６なのですが、片方には画像が表示されるのに、もう片方には画像が表示されません。特にエラーになっているわけでもなく、ソースを見ると、画像のｈｔｍｌタグごと消えています。 こういう現象は、サーバーのせいでしょうか？ＩＥのバージョンのせいでしょうか？それともセキュリティか何かでしょうか？ どなたかお答え頂けませんか？

  • HTMLからHTMLへ「データを送りつけ表示させる」といったことは可能

    HTMLからHTMLへ「データを送りつけ表示させる」といったことは可能でしょうか？ うまく表現が出来ないのですが・・・ご理解いただけるとうれしいです。 私がWEBサーバ２台を管理しています。 A：http://hogehogehoge.net/AAA.html B：http://pogepogepoge.net/BBB.html Aのページは動的にjQueryなどを使ったページです。 Bは生粋のHTMLです。このサーバには出来ればライブラリなどは入れたくありません。 変更するとしたらHTMLページのソースだけという条件にさせてください。 AAA.ｈｔｍｌのタグ内のデータが変わったらBBB.ｈｔｍｌの<div>タグ内にデータを送りつけて表示させるなんて方法は出来ないものでしょうか？

    • ベストアンサー
    • AJAX
  • IEの「ソース表示」で開かれるファイルの拡張子って・・・

    いつもお世話になっております。 今回も困ってしまったので、教えてください。 win2000＋IE6を使っています。 フリーのテキストエディタをインストールして、HTMLファイルの編集時は色付けできる設定にしました。 そしてIEの「ソースの表示」で、そのテキストエディタが開かれるようにしたところまではOKだったのですが、IEの「ソースの表示」で開かれる時のファイルがHTMLファイルと認識できず、色付けされません。 エディタは拡張子で判断しているようです（.html、.htm）。 IEの「ソースの表示」で開かれるファイルの拡張子ってあるのでしょうか？ 「HTMLのファイル」ということを関連付ける方法ってあるのでしょうか？ ためしに、認識する拡張子を *.html;*.htm;*　（HTMLとHTMと拡張子のない（？）場合はHTMLファイル） としたところ、一部HTMLと認識して色づけで表示してくれるページもあったのですが、全く認識してくれないページもありました。 どなたかお詳しい方、お助けください…。

  • 背景の表示のさせ方

    初めまして。 今こんな背景画像があります。 　＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ｜（⌒▽⌒）～～　　　　　　　　　　　　　　　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　　　 ｜（⌒▽⌒）～～　　　　　　　　　　　　　　　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　　　 ｜（⌒▽⌒）～～　　　　　　　　　　　　　　　　　 ｜＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ これを、以下のように表示させるタグをご存知の方が いらっしゃいましたら教えて下さいm(__)m 　＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ｜（⌒▽⌒）～～　　　　　　　　　　　　～～（⌒▽⌒） ｜　　　☆　　　　　　　　　　　　　　　　　　☆　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　☆　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　☆　　　 ｜（⌒▽⌒）～～　　　　　　　　　　　　～～（⌒▽⌒） ｜　　　☆　　　　　　　　　　　　　　　　　　☆　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　☆　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　☆　　　 ｜（⌒▽⌒）～～　　　　　　　　　　　　～～（⌒▽⌒） ｜＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ もしHTMLタグ以外での表示方法がありましたら 併せてそちらも教えて頂けないでしょうか？ 素材屋さんサイトで実際に、片側だけの画像を左右両方に 表示させてるのですが、ソースを見てもよく解らなくて 質問させて頂きました。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • [ASP]指定したURLのソースを表示したい。

    指定したURLのHTMLソースを表示するようにしたいのですが、やり方がよく分かりません。 GET http://www.yahoo.co.jp/index.html HTTP/1.1 ...といったリクエスト要求を80番ポートに送信して、その結果を表示すればいい。。。と思いましたが、ASPでどのようにプログラミングすればいいのか分かりませんでした。 以下のようなソースにしようとおもっています。ご存知な方、ご教授おねがいします。 <html> <head><title>result</title></head> <body> <pre> <% 'ここにHTMLソースを表示するプログラムを書く... %> </pre> </body> </html>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する