如何在HTML5中的<textarea>标签内插入图像？

Question

＆lt; p＆gt;我想创建一个博客。所以我使用textarea标签插入文本，但同时，如果我想在textarea字段中插入图像，我该怎么做？＆lt; / p＆gt; ＆lt; p＆gt; P.s：我用过 输入类型=＆＃34;文件＆＃34; 从我的系统中获取图像。现在我希望将此图像插入到textarea字段中。＆lt; / p＆gt;

Answer 1

textarea元素应该包含任何带有标记的文本，但不会从框中提供富文本格式。 你必须集成一些javascript文本编辑器才能做到这一点;有很多轻量级HTML5编辑器可以将textareas转换为带有图像插入按钮的富文本编辑器。 或者，您可以只插入＆lt; img＆gt;标记到您的文本中。

Answer 2

另一个选择是根本不使用textarea而是使用：

<div contenteditable="true"></div>

然后你可以将它设计成看起来像textarea

div[contenteditable] {
   padding:10px;
   border:1px solid #555555;
   background-color: #ffffff;
   min-height: 50px;
}

然后你可以把HTML放进去。

然而，使用实际html编辑器的建议可能是更好的方法，而不是建立自己的。