我知道这个话题已经讨论过，因为我可以在网上看到痕迹。这个问题似乎是不可能的。但我知道至少有一种产品（TinyMCE）能够做到这一点。注意：我不想使用TinyMCE来实现它。
我想在textarea元素的文本内容中添加一些图标。如果可以点击图标也会很棒。
也许有人在这里已经研究过TinyMCE并知道他们是如何做到的。这是用Javascript完成的吗？或者这是一些特定于浏览器的浏览器机制，如拼写检查？
答案 0 :(得分：4)
根据我的理解，像这样的库使用contentEditable div。这允许类似textarea的编辑以及html元素。
答案 1 :(得分：1)
TinyMCE隐藏textarea并将文档替换为内容可编辑的iframe（使用iframe文档的designMode属性或iframe的contentEditable属性<body>元件）。我相信textarea仍保留在文档中，并且在用户编辑可编辑iframe中的内容时更新其值，以便提交由TinyMCE生成的HTML，就好像它已经输入到textarea中一样。