【问题标题】：html textarea how to apply styles on content within the textareahtml textarea 如何在 textarea 中的内容上应用样式
【发布时间】：2011-08-02 20:30:50
【问题描述】：
我知道这个话题已经讨论过了，因为我可以在网上看到痕迹。共识似乎是不可能的。但我知道至少有一种产品（TinyMCE）可以做到这一点。注意：我不想用 TinyMCE 来做。
我想在 textarea 元素的文本内容中添加一些图标。如果也能点击图标就好了。
也许这里有人已经研究过 TinyMCE 并且知道他们是如何做到的。这是使用Javascript完成的吗？或者这是一些特定于浏览器的浏览器机制，如拼写检查？
【问题讨论】：
标签：
javascript
browser
tinymce
textarea
【解决方案1】：
据我了解，像这样的库使用contentEditable div。这允许类似于 textarea 的编辑以及 html 元素。
【解决方案2】：
TinyMCE 隐藏 textarea 并在文档中将其替换为内容可编辑的 iframe（使用 iframe 文档的 designMode 属性或 iframe 的 <body> 元素的 contentEditable 属性）。我相信 textarea 仍然保留在文档中，并且随着用户在可编辑 iframe 中编辑内容而更新其值，以便提交 TinyMCE 生成的 HTML，就好像它已输入到 textarea 中一样。