HTML 文档中的富文本编辑器如何实现富文本格式？
您能否解释一下文本区域中的文本如何在富文本编辑器中设置样式？我尝试在表单中设置文本样式，但它没有改变。
是JS识别用户输入的字符吗？这是怎么做到的？
编辑：
经过一番研究（谷歌规则！），我发现了一些很棒的信息。对于其他可能感兴趣的人，这些链接对我非常有帮助：
Could you please explain how the text in the textarea gets styled in rich-text editors? I've tried to style text in the form but it doesn't change.
Is it JS that recognizes characters typed by the user? How's that done?
Edit:
After a bit of research (Google rules!), I've found some excellent information. For others who might be interested, these links were very helpful to me:
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
我认为答案是您所看到的通常不是实际的
“富文本编辑器”将具有使用常规 html 标记修改 span/div 内容的控件 (
;、等）来模拟成熟的富文本编辑器I think the answer is that what you're looking at is typically NOT an actual
<textarea>. It's a<div>or<span>made to look like a text area. A regular HTML textarea doesn't have individual formatting of the text."Rich-Text editors" will have controls that modify the contents of the span/div with regular html markup (
<strong>,<em>, etc.) to emulate a full-blown rich text editor通常，富文本编辑器将提供一个变量来指定其中的样式表。然后该样式表将被加载并应用到文本区域（大多数（如果不是全部）富文本编辑器使用 IFRAME 来显示编辑器，显然，主文档中指定的样式不适用于它。）
Usually, the rich text editor will provide a variable to specify a style sheet in. That style sheet will then be loaded and applied to the textarea (Most, if not all, rich text editors use a IFRAME to display the editor in, and obviously styles specified in the main document won't apply to it.)
当您将 HTML 发送给用户时，它是一个
textarea，但编辑器在启动时将其替换为div。这样，代码就会优雅地降级：使用不受支持的 Web 浏览器或禁用 JavaScript 的用户仍然可以编辑
textarea中的文本，而所有其他用户都可以获得一个不错的富文本编辑器。It's a
textareawhen you send the HTML to the user but the editor replaced it with adivwhen it can start.This way, the code gracefully degrades: Users with unsupported web browsers or disabled JavaScript can still edit the text in the
textareawhile all the other users get a nice rich text editor.基本上，TEXTAREA 内容用作 IFRAME 的 HTML 源。
Basically, the TEXTAREA contents are used as the HTML source for the IFRAME.