javascript - 听听 contenteditable 上的具体变化？

Question

警告:不要与现有问题重复，通读

我知道我可以让一个事件监听contenteditable上的变化元素。

我希望能够知道有哪些变化。

例如:

• 插入“这是一个句子。”在位置 X。
• 从位置 X 到 Y 删除。
• 用 <strong> 从 X 到 Y 格式化

这可能吗？ (除了我的意思是做差异)

---

这样做的原因是为了制作除 HTML 之外的其他语言的 WYSIWYG 编辑器，例如 Markdown。

所以我想将更改应用到 Markdown 源代码(而不是必须从 HTML 转到 Markdown)。

Answer 1

你可以用 MutationObserver 做点什么s(回落到 D OM Mutation events 在旧版浏览器中，尽管 IE <= 8 都不支持)但我怀疑要实现您想要的效果仍然很困难。

这是一个使用 MutationObservers 的简单示例:

http://jsfiddle.net/timdown/4n2Gz/