tinymce：富文本模式，它是如何工作的

Question

我想了解tinymce的功能。

富文本编辑器在iframe中包含一个html文档。嵌套的DOM元素如何在里面编辑，换句话说，当没有涉及textarea或输入字段时，我怎么能在<div>或<p>层内输入（至少我看不到任何） ？

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

编辑：如果你要对这个问题进行投票，请说明原因。

Answer 1

在tinyMCE的情况下（以及大多数其他编辑器）它是<iframe>（至于不从父页面继承样式，以及其他原因），但神奇的是contentEditable attribute被设置为{{ 1}}。

You can read more detail in the working draft of HTML5 here

You can test a very simplified demo here，编辑们当然使用他们的工具栏，支持true来存储服务器提交的标记等等，但是您的问题似乎是如何编辑元素，其核心是contenteditable。