一覧へ戻る

コードを整理してキレイに表示させる方法

このページでも使っているソースコードを見やすい状態に整形してブラウザ上で表示させるjavascriptです。
シンタックスハイライトや行番号付与、別ウィンドウでのソース表示、コードの印刷、
クリックボードへのコピー(IEのみ)などの動きも同時に実現することができます。


まずは「Syntaxhighlighter」の最新版をダウンロードします。
Syntaxhighlighterのダウンロードはこちらから

圧縮ファイルを解凍して、「Scriptフォルダ」と「Stylesフォルダ」に格納されいているファイルをアップします。

解凍|Lhaplusのダウンロード

<head></head>内に下記のように記述しファイルを読み込みます
shBrushPhp.js などはハイライト表示させたい言語に応じて読み込みます。
ダウンロードファイルに同梱されているswfファイルの忘れずにアップし、9行目で読み込みます。


  
  
  
  
  
 

後は<pre></pre>内に表示させたいコードを記述します。


	表示させたいコードをここに記述

動作環境・スクリプトエラー報告・対処方法

動作環境
 
エラー・バグ報告
 
不具合対処方
 
修正パッチ