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

Question

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

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

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

score 2 · Accepted Answer

我认为答案是您所看到的通常不是实际的<textarea>. 它是一个<div>或<span>看起来像一个文本区域。 常规的 HTML 文本区域没有单独的文本格式。

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

这是textarea您将 HTML 发送给用户但编辑器将其替换为div可以启动的时间。

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

score 0 · Accepted Answer

0

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

于 2009-11-29T14:27:07.447 回答

4 回答 4