如何通过javascript在textarea字段中插入图像？

-2

<Script Language="JavaScript"> 
     function add1(x) 
     { 
      var oImg=document.createElement("img"); 
      oImg.src=x; 
      document.getElementById("test").appendChild(oImg); 
     } 
</Script>

HTML

<body> 
    <div> 
      <textarea id="test" rows="10" cols="50"></textarea> 

      <input type="radio" name="emotion" id="sad" /> 
      <label for="sad"><img src="images/tango_face_sad.jpeg" alt="I'm sad" onclick="add1(this.src)" /></label> 

      <input type="radio" name="emotion" id="happy" /> 
      <label for="happy"><img src="images/blush.jpeg" alt="I'm happy" onclick="add1(this.src)"/></label> 
    </div> 
</body>

它运行在IE罚款，但在Firefox一点儿也不工作。我的代码中有什么问题？

来源

2014-12-19 user3855182

你不能把一个'textarea'内的'img'。 – melancia 2014-12-19 11:12:58

[HTML：有没有什么方法可以在textarea中显示图像？]（http://stackoverflow.com/questions/3793090/html-is-there-any-way-to-show-images-in- a-textarea） – melancia 2014-12-19 11:13:29

但它适用于IE。Firefox会出现问题。 – user3855182 2014-12-19 11:19:02

您不能直接在textarea控件内显示图像。

关闭你可以得到的是叠加一个图像，但它不会成为textarea中信息的一部分。也就是说，文本不会流过它，发布表单时它将不会包含在textarea的数据中。

也许一个可写入的div（内容可编辑）会更适合您的目的。 HTML

div{ 
 
    width:300px; 
 
    height:200px; 
 
    border: 1px solid #ccc; 
 
}

<div contentEditable="true"> type here 
 
    <img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQCze-mfukcuvzKk7Ilj2zQ0CS6PbOkq7ZhRInnNd1Yz3TQzU4e&t=1" /> 
 
</div>

试试这个：here` http://jsfiddle.net/6bCRJ/

来源

2014-12-19 11:22:17

我得到了解决方案。非常感谢！！ – user3855182 2014-12-20 10:55:46

如何通过javascript在textarea字段中插入图像？

回答

相关问题