SyntaxHighlighterHTML,CSS,JS,Perl,PHPなどの各ソースコードをWebサイト上に綺麗に再現。SyntaxHighlighterエディタのようにWebサイト上に綺麗にソースコードを表示する方法。操作タブがソースの右上に表示されるようになった。ソースを別窓ビュー表示したりクリップボードに保存や印刷も可能な優れものです。このツールは、JavaScriptが無効ではご利用出来ません。旧バージョンとかなり違う。test.htmltest.htmlを参考に新しい.htmlを制作し、test.htmlのHEAD内のCSSとJSの<link,<scriptをコピペ。(新しい.htmlへのCSSとJSのパスを正確に指定する事。)ソースコードを記述、文字コードも確認。aliases名に変更。再度ブラウザで表示確認。shBrushXml.jsCSSsyntaxhighlighterフォルダのstyles内から一致するファイルのCSSを変更し自分好みのソースコード画面にカスタマイズする事も可能です。追加の操作タブを日本語化。2.での利用法は不明・・・IE6で崩れるのでハック・IE6バグ対策を忘れずに。環境によってクリップボードに不具合。false;のようにtrueかfalseの設定。jsで統一させるかpre毎にclass設定するか。http://から始まるURL記述がアンカー対応になるのを回避。ツールバー(タブ)無し。行頭番号もツールバーも無し。指定した数値の行をハイライト(カンマ区切り)。途中の行頭番号からの開始値。start="7">と同じ。tabインデントの幅サイズ設定。改行無しでスクロール。overflow:auto;のwhite-space:nowrap;と同じ。nameのJSファイルをアップロード。stylesディレクトリ内に好みのデザインのCSSファイルをアップロード。SyntaxHighlighterやっぱりjavascript環境。一瞬の表示が少し遅い。PREの各行を判断しol,liとbacgroundで実装していると思いきや、毎行table枠で固めた仕様。ソースをコピーする場合、普通にソースをShiftキーやマウスでなぞってコピペすると、行頭記号なども一緒にペーストされてしまうので(ol仕様)、このSyntaxHighlighterのボタンや操作性が普及して欲しいところです。今後、shTheme*.cssで各有名エディタ仕様のデザインスキンや、メモ帳の仕様やブラウザまで対応し、未知のHTML6頃には、<editor>要素?とかでソースがデザインされると面白いかも。Japanese仕様など今後の開発に期待します。