コードを整理してキレイに表示させる方法
このページでも使っているソースコードを見やすい状態に整形してブラウザ上で表示させるjavascriptです。
シンタックスハイライトや行番号付与、別ウィンドウでのソース表示、コードの印刷、
クリックボードへのコピー(IEのみ)などの動きも同時に実現することができます。
まずは「Syntaxhighlighter」の最新版をダウンロードします。
Syntaxhighlighterのダウンロードはこちらから
圧縮ファイルを解凍して、「Scriptフォルダ」と「Stylesフォルダ」に格納されいているファイルをアップします。
※解凍|Lhaplusのダウンロード
<head></head>内に下記のように記述しファイルを読み込みます
shBrushPhp.js などはハイライト表示させたい言語に応じて読み込みます。
ダウンロードファイルに同梱されているswfファイルの忘れずにアップし、9行目で読み込みます。
後は<pre></pre>内に表示させたいコードを記述します。
表示させたいコードをここに記述
動作環境・スクリプトエラー報告・対処方法
動作環境 |
---|
エラー・バグ報告 |
不具合対処方 |
修正パッチ |