ようこそ!浜村拓夫の世界へ

    ブログ内検索

    最近の記事

    ブックマーク数の多い記事

    Blog Translation

    Powered By FC2ブログ

    Powered By FC2ブログ
    ブログやるならFC2ブログ


    FC2ブログ LOGIN

    with Ajax Amazon

    FC2ブログでソースコードをハイライト表示する方法

    このエントリーを含むはてなブックマーク はてなブックマーク - FC2ブログでソースコードをハイライト表示する方法 あとで読む
    FCブログにプログラムのソースコードを掲載する場合、そのままではインデントとか、表示が崩れてしまいます。
    解決方法を調べてみると、Webページで、コードハイライト表示を行えるライブラリがたくさんありました。

    Google Code Prettify
    Syntax Highlighter

    他のブログでは、「Google Code Prettify」を使ってみましたが、
    このブログでは、「Syntax Highlighter」を使ってみました。


    ●PHPコードの場合
    (1) コード中の「<」「>」を実体参照(&lt;、&gt;)に置換する。
    (2) コードを「<pre class="brush:php;">」「</pre>」で囲む。

    <?php
    // comment
    echo "hoge";
    ?>

    こんなかんじで表示されます。

    (参考) SyntaxHighlighterでソースを読みやすく掲載する方法 [ホームページ作成] All About

    コーディングを支える技術 ~成り立ちから学ぶプログラミング作法 (WEB+DB PRESS plus)
    西尾 泰和
    技術評論社
    2013-04-24
    2594円


    関連記事

    コメント

    コメントの投稿


    管理者にだけ表示を許可する

    トラックバック

    トラックバックURL:
    http://hamamuratakuo.blog61.fc2.com/tb.php/961-f069fb65

    FC2Ad