HTML文档中的富文本编辑器如何实现其富文本格式？

Question

您能否解释一下textarea中的文本如何在富文本编辑器中进行样式设置？我试图在表单中设置样式，但它不会改变。

JS是否识别用户输入的字符？怎么做的？

---

编辑：

经过一番研究（谷歌规则！），我发现了一些很好的信息。对于可能感兴趣的其他人，这些链接对我非常有帮助：

• http://www.webreference.com/programming/javascript/gr/column11/
• http://www.webreference.com/programming/javascript/gr/column12/

Answer 1

我认为答案是你所看到的通常不是真正的<textarea>。它是<div>或<span>，看起来像文本区域。 常规HTML textarea没有单独的文本格式。

“富文本编辑器”将具有使用常规html标记（<strong>，<em>等）修改span / div内容的控件，以模拟完整的富文本编辑器

Answer 2

通常，富文本编辑器将提供一个变量来指定样式表。然后将加载样式表并将其应用于textarea（大多数（如果不是全部）富文本编辑器使用IFRAME来显示编辑器，显然主文档中指定的样式不适用于它。）

Answer 3

当您向用户发送HTML时，它是textarea，但编辑器在可以启动时将其替换为div。

这样，代码会优雅地降级：使用不受支持的Web浏览器或禁用的JavaScript的用户仍然可以编辑textarea中的文本，而所有其他用户都可以获得一个不错的富文本编辑器。

Answer 4

基本上，TEXTAREA内容用作IFRAME的HTML源代码。