アルツの備忘録

最近、年のせいで物忘れが激しい。
そこで、いろんなことをここに記録して行きたいと思います。

Ｈｔｍｌ　タグ変換javaScript

2008年02月16日 21時31分13秒 | JavaScript
・このプログにソースを整形済みテキストとして表示するために、＜pre＞ ～ ＜/pre＞の挿入と、＜　を　＆ｌｔ　、＞　を　＆ｇｔ　に変換するjavaScriptを作成した。

----------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>JavaScript <>文字変換</title>
<script type="text/javascript"><!--
//Windowsの改行コードは「CRLF=%0D%0A」 
function henkan(txt) {      
	str = "<pre>";
	str += unescape("%0D%0A"); 
	flg = "0";
	for(i = 0; i < txt.length; i++)
		{
			chr = txt.charAt(eval( i ));  
			if (chr =='<') { chr='&lt' }
			if (chr =='>') { chr='&gt' }
			str += chr;
		}
	str += unescape("%0D%0A"); 
	str += "</pre>";
	document.forms[0].elements[1].value = str;  
}

//-->
</script>
</head>
<body>  
　　< → &lt　　>→ &gt へ変換する。<br>
<form>
	<table><tr>	<th>変換前</th>
	<td><textarea name="test1"  cols="90" rows="15"></textarea></td>
	</tr><tr>	<th>変換後</th>
	<td><textarea name="test2"  cols="90" rows="15"></textarea></td>
	</tr><tr>
	<td colspan="2" align="right">
	<input type=reset value="クリア">  
	<input type="button" value="変換" onClick="henkan(document.forms[0].elements[0].value)">
	<input type=button value="全てを選択" onClick="document.forms[0].elements[1].focus();document.forms[0].elements[1].select();">
	</td> 
	</tr></table>
</form>
</body>
</html>


最新の画像［もっと見る］

コメントを投稿