WEBサイト・ブログの為のHTMLソースコード変換

WEB表示用、HTMLエンコード置換変換　ソース 自動エスケープ

HTMLで< & " >を &lt; &amp; &quot; &gt; にエスケープ・エンコード、WEB用に置換変換。
チェックオプションで自由設定。BR や 改行も自由に自動変換。

オプション１

　 　 ※ 改行オプション「 \n改行反映 」の重複設定に注意

オプション２　　　※ 重複設定に注意　多量のスペースや改行は自動削除
　 　

簡易制作した個人用ツール（作者環境用の仕様）ですが、
SyntaxHighlighterとカンマ区切り用に少々改良して公開。
（改行コードは、あえて\r,\nで分けずに\nで書き出し）
チェックボタンも優先順まで考慮していないので、
オプションを上手く利用し自己責任で動作や変換結果の確認を！

SyntaxHighlighter | ソースコード表示サンプル

ソースコード ビューア設置方法解説

SyntaxHighlighter

<!-- HTML HEAD -->
<script type="text/javascript" src="scripts/shCore.js"></script>
<script type="text/javascript" src="scripts/shBrushXml.js"></script>
<script  type="text/javascript" src="scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="scripts/sourceView.js"></script>
<link type="text/css" rel="stylesheet" href="styles/shCore.css">
<link type="text/css" rel="stylesheet" href="styles/shThemeDefault.css"
    <script type="text/javascript"><!--
    SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';
    SyntaxHighlighter.all();
    // --></script>

<!-- javascript / /sourceView.js -->
SyntaxHighlighter.config.clipboardSwf = 'clipboard.swf';
SyntaxHighlighter.config.strings.expandSource = 'ソースを展開する';
SyntaxHighlighter.config.strings.viewSource = '　ソース表示　';
SyntaxHighlighter.config.strings.copyToClipboard = '　コピー　Clipboard　';
SyntaxHighlighter.config.strings.copyToClipboardConfirmation ='　コピー完了　';
SyntaxHighlighter.config.strings.print = '　プリンタ　';
SyntaxHighlighter.config.strings.help = '　SyntaxHighlighter version 2.1.364　';
SyntaxHighlighter.all();
SyntaxHighlighter.defaults['auto-links'] = false;

<!-- HTML BODY -->
<div class="sourceview">
<pre class="brush: xhtml;">
ここにソースコードを記述する
</pre>
</div>

ホームページ制作 ホームページ　作成、運営管理ガイド　｜　Copyright © NetyaSun All rights reserved.