<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>タグ変換</title>
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery", "1.7.0");</script>
<script>
function onButtonClick()
{
ORGobj=document.getElementById('uSource');
if (ORGobj.value != "") {
obj=document.getElementById('uTags');
t=new String();
t=ORGobj.value;
t=t.replace(/\</g, '<');
t=t.replace(/\>/g, '>');
t=t.replace(/\n/g, '<br/>');
t="<!-- コード -->\n"
+"<div style=\"background: #e0e0e0; margin:5px 0 5px 10px; padding:0px 0px 0px 20px;\">"
+"\n<pre><code>\n"
+t+"\n"
+"</code></pre>\n</div>\n<!-- EOF コード -->\n";
obj.value=t;
} else {
window.alert('変換元のコードを左のボックスへ入力して下さい');
}
}
function onHenkanBtnClick()
{
onButtonClick();
t=new String();
t=document.getElementById('uTags').value;
document.open();
document.write(t);
document.close();
}
function onCopyBtnClick()
{
var obj=document.getElementById('uTags');
obj.select();
if (document.execCommand("copy") == false) {
window.alert("このブラウザではコピー出来ませんCtrl+Cキーでコピーして下さい");
}
}
</script>
</head>
<body>
<form>
<textarea id="uSource" rows="25" cols="40"></textarea>
<input type="button" value="変換" onclick="onButtonClick()"/>
<textarea id="uTags" rows="25" cols="40"></textarea>
<input type="button" value="CopyToClipboard" onclick="onCopyBtnClick()"/>
<input type="hidden" value="変換プレビュー" onclick="onHenkanBtnClick()"/>
</form>
</body>
</html>
2013-11-22
ブログへソース等を張り付ける為に変換するやつ
要するに下のような感じに整形するものｗ
登録:
コメントの投稿 (Atom)
0 件のコメント:
コメントを投稿