如何对textarea中的内容进行匹配并显示图片

Question

<textarea id="test">这是图片；下一张是，谢谢！</textarea>
<div id=myshow></div>
<script>
str=document.all.test.value.split("")[0]+"'>"+document.all.test.value.split("")[1];
document.all.myshow.innerHTML=str;
</script>

Answer 1

谢谢楼上的回复，我希望图片能够在textarea里面显示出来，不知能否实现！望指点!

Answer 2

不能，因为textarea不支持富文本。你看到的在线html编辑器都是用iframe做的。

Answer 3

是的，textarea不能实现，可以用iframe来做。

Answer 4

<textarea cols="100" rows="10" id="test">这是图片；下一张是，谢谢！</textarea>
<script>
str=document.all.test.value.split("")[0]
    var oImg=document.createElement("IMG");
    oImg.src=tmpstr
    test.appendChild(oImg);
}
</script>
图片可以显示到textarea里面,现在关键是如何替换掉中的文本

Answer 5

楼上厉害，又学了一招。<textarea cols="100" rows="10" id="test">这是图片；下一张是，谢谢！</textarea>
<textarea cols="100" rows="10" id=test2 style="display:none"></textarea>
<script>
    txtstr=document.all.test.value.split("")[0];
    txtstr=document.all.test.value.split("")[1];
    oImg=document.createElement("IMG");
    oImg.src=imgstr;
    test2.appendChild(oImg);
    txt=document.createElement("SPAN");
    txt.innerHTML=txtstr;
    test2.appendChild(txt);
}
test.style.display="none";
test2.style.display="block";
</script>