文字参照変換ツール（ソース）

文字参照変換ツール（ソース）

<html>
<head>
<title>文字参照変換ツール</title>
<script language="JavaScript">
<!--
mojiretu="";	// 文字列取得用
mojisuu=0;	// 文字数取得用
moji="";	// 文字取得用
henkan="";	// 変換後の文字列

function Change() {
	// 参照文字に変換して表示する関数

	henkan=""
	// textareaの文字列を取得
	mojiretu=document.win.tar.value;
	// 文字列の文字数を取得
	mojisuu=mojiretu.length;
	// 参照文字に変換する
	for( i=0; i<=mojisuu; i++) {
		moji=mojiretu.substring( i, i+1);
		if (moji == "<") {
			moji="&lt;";
		} else if (moji == ">") {
			moji="&gt;";
		} else if (moji == '"') {
			moji="&quot;";
		} else if (moji == "&") {
			moji="&amp;";
		} else if (moji == " ") {
			moji="&nbsp;";
		}

		henkan=henkan+moji;

	}


	// 文字列をtextareaに表示
	document.win.tar.value=henkan;

}

//-->
</script>
</head>
<body>


<table>
<tr><td>
	<form name="win">
	<textarea name="tar" rows="20" cols="30" wrap="off"></textarea>
</td></tr>
<tr><td align="right">
	<br>
	<input type="button" value="　実行　" onclick="Change()">
</td></tr>
</form>
</table>

</body>
</html>


IE6は大丈夫なんだけど、DCはテキストエリア内に
タグを書き込むとバグるみたいです。
そんなわけで、ソースを公開するときにタグを
すべて参照文字に変換しなくてはいけないんですが、
これをプチプチ手で変換するのは相当の労力でして・・。
しんどいことはパソコンにやらせりゃあいいってなわけで
作ってみました。

仕組みは単純で、substringで文字列を１個づつ
取り出して、タグなどを文字参照に変換している
だけです。
ただ、DCなどのブラウザは全角文字を２文字と数える
らしくて、全角文字の半分ずつを取り出してチェック
していることになります。
そんなわけで、最悪全角文字が崩れる可能性が
あるので、変換後いちおうソースをざっと見たほうが
いいですね。
ま、それでも手動でタグを変換させるよりよっぽど
楽です。（笑）

JavaScriptを勉強し始めてまもないころに作ったので
ツッコミどころ満載のソースですが、
（普通は正規表現とか使うよな。（汗））
何気に個人的に一番役立ってるツールだったりします。

●　戻る