tinymce:富文本模式,它是如何工作的

Zeb*_*bra 9 javascript jquery tinymce text-editor

我想了解tinymce的功能.

富文本编辑器在iframe中包含html文档.如何将嵌套的DOM元素放在可编辑的内部,换句话说,当没有涉及textarea或输入字段时,我怎么能在一个<div>或一个<p>图层内键入(至少我看不到任何内容)?

是活动时转换为输入字段的元素?


编辑:如果你要对这个问题进行投票,请说明原因.

Nic*_*ver 11

在tinyMCE的情况下(以及大多数其他编辑器)它是一个<iframe>(关于不从父页面继承样式,以及其他原因),但神奇的是被设置为的contentEditable属性true.

您可以在此处阅读HTML5工作草案中的更多详细信息.

你可以在这里测试一个非常简单的演示,编辑器当然使用他们的工具栏做更多的事情,支持<textarea>存储服务器提交的标记等等......但你的问题似乎是你如何编辑元素,核心那是contenteditable.