本来以为只有iframe支持编辑了，今天突然发现textarea也支持编辑 ：（ 是不是我太愚钝了？ textarea不能用innerHTML来插入html，而用appendChild 这样的话稍微修改下，评论等简单的textarea的表情插入就可以直接显示出来了 而不是只显示emot了 比较实用标题起的确切，但如果叫“现textarea支持编辑”似乎更废话
在网页开发中，文本输入控件`textarea`通常用于用户输入多行文本，但默认情况下，`textarea`并不直接支持富文本编辑，即插入图片、格式化文本等复杂操作。然而，通过一些技巧，我们可以让`textarea`具备图形编辑的能力。下面我们将详细探讨如何实现这一功能。
我们要明白`textarea`的限制。`textarea`是HTML中的一个基本元素，它主要用于展示纯文本，不支持直接插入HTML标签或图像。因此，如果我们尝试用`innerHTML`属性来插入HTML，例如`<img>`标签，`textarea`会将其作为纯文本显示，而不是渲染为图像。
但是，我们可以通过其他方法来实现图形编辑。比如，可以使用JavaScript动态创建元素并将其添加到`textarea`的DOM结构中。在提供的代码示例中，就是通过以下步骤实现了在`textarea`中插入图像：
1. 获取`textarea`元素：`var editor = document.getElementById('editor');`
2. 创建新的`<img>`元素：`var img = document.createElement('img');`
3. 设置图像源（src）属性：`img.src = 'http://onewww.net/images/logo.jpg';`
4. 将`img`元素添加到`textarea`的末尾：`editor.appendChild(img);`
这样，`textarea`的DOM结构中就包含了一个图像元素，虽然它在视觉上看起来像是插入了图片，但实际的`innerHTML`仍然只包含纯文本，因为`textarea`不支持嵌入HTML元素。然而，对于简单的应用，例如在评论系统中插入表情，这种方法已经足够了。
为了使这种编辑更加用户友好，通常会结合使用其他技术，例如使用富文本编辑器（如TinyMCE或CKEditor），它们提供了一种图形化的界面，允许用户在类似Word的环境中编辑内容，然后在后台将这些内容转换为HTML。这些编辑器通常使用`iframe`或`div`元素作为编辑区域，而不是直接操作`textarea`，因为`iframe`和`div`能更好地支持富文本格式。
此外，如果需要在`textarea`中显示和编辑带有HTML标签的文本，一种常见做法是将`textarea`的值绑定到一个隐藏的`div`元素，通过CSS样式使`div`看起来像一个文本框，然后在`div`中进行富文本编辑。编辑完成后，可以将`div`的内容转换回HTML，以便在服务器端处理。
虽然`textarea`默认不支持图形编辑，但我们可以通过JavaScript和其他技术绕过这个限制，实现类似的功能。对于简单的应用场景，如插入表情，可以直接在`textarea`中添加元素；对于复杂的富文本编辑，推荐使用成熟的富文本编辑器库。
