プレビューが表示されるようなものをJavaScriptを利用して作成したいと考えており、
サンプルコードを探しています。
出来るだけシンプルなものを希望します。よろしくお願いします。
No.3
339
31
45pt
testタグで囲まれた部分がテキストエリアの下に出力される
50
49
<script type="text/javascript">
<!--
function test() {
var val = document.getElementById("input").innerText;
var start = val.indexOf("<test>");
var end = val.indexOf("</test>");
if (start >= 0 && end >=0) {
document.getElementById("result").innerHTML =
val.substring(start,end);
}
}
// -->
</script>
<body onload="test()">
<textarea id="input" cols="100" rows="5" onkeyup="test()"><test>aaa</test>aaaa</textarea>
<div id="result"></div>
</body>
ありがとうございます。試してみます。
No.4
47258
45pt
テキストエリアの内容を表示エリアにコピーするだけのコードです。
入力された内容によってはまずいことがあるかもしれません。いきなり </div> とか </html> とかを入れても表示上は大丈夫なようですが。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<script type="text/javascript">
function showPreview() {
var html = document.getElementById('text').value ;
/*
必要なら html に変換処理を入れる
*/
document.getElementById('preview').innerHTML = html ;
}
</script>
</head>
<body>
<form>
<textarea id="text" cols="60" rows="20" onkeyup="showPreview()"></textarea>
</form>
<div id="preview" style="border : dashed 1px ; padding : 1ex ;"></div>
</body>
</html>
ありがとうございます。試してみます。
1
1
1
1
1
全然違うんですが。。。