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

Question

我想创建一个博客。所以我使用textarea标签来插入文本，但同时，如果我想插入一个图像在textarea字段中，我该怎么做？我使用了 输入类型=“文件” 从我的系统中获取图像。现在我想把这个图像插入到textarea字段中。

Answer 1

textarea元素应该包含任何带有标记的文本，但不包含从框中提供的富文本格式。 你必须整合一些JavaScript文本编辑器来做到这一点;有很多轻量级的HTML5编辑器可以将textareas转换为带有图像插入按钮的富文本编辑器。 或者，您可能只需在文字中插入一个标记即<img>标记。

Answer 2

另一种办法是在所有不使用文本区域，而使用：

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

然后你就可以风格它看起来像一个textarea

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

然后你就可以把HTML它。

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