Question

如何在textarea文本区内插入图片？

我做了个程序，添加图片然后将代码直接插入textarea文本区内，但是现在我想直接将图片显示在文本区内，而不是只显示代码，请问这个代码应该怎么写？需要正确答案谢谢！

Answer 1

文本框怎么加图片哦.大哥....
不过我懂你意思.你是见像百度BLOG\动网论坛这样的.插入图片以后直接可以看到图片了是吧.....你怎么没注意过超链接呢.等等.都直接有效果了.不是以前的UBB代码了．．．．
其实完全改了．．．．
不是文本输入框了．是一个HTML页面．．．．
每打入一个字．就用DHTML里的一些类似inner的方法动态在HTML页面上加一些文字啊．图片啊．或者超链接．这样就可以直接看到效果了．．．
有兴趣的话看看DOM模型．JAVASCRIPT实现的．．．呵呵．这东西很有意思的．．．

Answer 2

<script language="javascript">
function selImg(s){
if(!s){return false;}
var h=s.substr(s.lastIndexOf(".")+1,3);
if(h=="gif"||h=="jpg"){
var txt=document.getElementById("txt")
o=document.createElement("IMG");
o.src=s;
txt.appendChild(o);
}
else{
alert("请选择正确的图片格式~")
}
}
</script>
<textarea id="txt" cols=60 rows=8></textarea><br>
<input id="img" type="file" value="选择图片">
<input type="button" value="添加" onclick="selImg(img.value)">

Answer 3

可以用 Style ...

不过只是更改了文本框的背景图片 ...

如果要可以插入任意的图片 ...

可以用 RichFile 元素 ... 就不是 Textarea 了 ...

Answer 4

我有一副美女的图片能过在文本框中显示的,不过等我找找就给你发上来哈!!!
不过是文本格式的,其他格式的都放不进去的!!!

Answer 5

可以用div来模拟文本框。div的contenteditable设置true，效果不错