javascript - 在线富文本编辑器如何工作?

标签 javascript richtextbox wysiwyg

我想知道如何 online rich text editors从网页或文档粘贴文本时保持格式。标准文本区域框仅接受文本,而这些所见即所得编辑器似乎使用 DIV。它是如何工作的?

最佳答案

在线富文本编辑器使用 contentEditabledesignMode 来利用浏览器对 HTML 编辑的 native 支持。当您粘贴到 contentEditable 或 designMode 元素中时,浏览器会将 HTML 直接放入该元素中。您可以自己尝试一下,粘贴到 Midas Demo 中,然后使用 Firebug 的检查元素查看您粘贴的 HTML。

JavaScript 应用程序可以使用 execCommand 方法来格式化用户在富文本编辑器中的选择。

关于javascript - 在线富文本编辑器如何工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1950018/

相关文章:

javascript - Promises/A+ promise 的最小接口(interface)

c# - 如何在 RichTextBox 中的文本上正确应用背景色

javascript - 我如何关闭这部分 CK 编辑器?

wordpress - WP the_content() 不会显示在自定义帖子类型的单个模板中

javascript - Contenteditable div 与 iframe 制作富文本/所见即所得编辑器

javascript - 滚动事件导致自定义事件触发两次(应该是一次)

javascript - WebRTC dataChannel 永远不会打开

javascript - js 样式不起作用

c# - 尝试在 RichTextBox 中调整图像大小时光标闪烁

javascript - 将自定义类添加到 wysihtml5 文本编辑器