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

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

javascript jsp

如何通过javascript在textarea字段中插入图像？,javascript,jsp,Javascript,Jsp,这是我的代码： JS 函数add1（x） { var oImg=document.createElement（“img”）； oImg.src=x；文件.getElementById（“测试”）.appendChild（oImg）； } HTML 它在IE上运行良好，但在firefox上不起作用。我的代码有什么问题？？？您不能直接在textarea控件内显示图像您可以得到的关闭是在其上覆盖一个图像，但它不会成为文本区域中信息的一部分。也就是说，文本不会在其周围流动，并且在发布表单

这是我的代码：


函数add1（x）
{
var oImg=document.createElement（“img”）；
oImg.src=x；
文件.getElementById（“测试”）.appendChild（oImg）；
}

HTML

它在IE上运行良好，但在firefox上不起作用。我的代码有什么问题？？？

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

您可以得到的关闭是在其上覆盖一个图像，但它不会成为文本区域中信息的一部分。也就是说，文本不会在其周围流动，并且在发布表单时，它不会包含在textarea的数据中

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

div{
宽度：300px；
高度：200px；
边框：1px实心#ccc；
}

在此处键入

您不能将

img

放在

textarea

中。的可能重复项，但它在IE上工作。Firefox出现问题。定义两者都起作用和不起作用。注意：在HTML语法的文档中，title和textarea元素可以包含可替换字符数据。可替换字符数据可以包含以下内容：1）文本，可以选择包括“我得到了解决方案。非常感谢！！

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

<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>