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

标签 javascript html contenteditable

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

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

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

例如:

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

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


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

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

最佳答案

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

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

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

关于javascript - 听听 contenteditable 上的具体变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18046209/

相关文章:

javascript - 在 Android chrome 浏览器中处于全屏模式时,meta viewport 属性的值不会反射(reflect)出来

javascript - 像推特一样的评论框

html - 为什么这段文字会破坏 div 标签?如何解决?

javascript - angularjs 中的客户端验证

javascript - 获取插入符位置的元素节点(在 contentEditable 中)

javascript - 在 Canvas 中加载 PDF 并绘制矩形

javascript - 如何用纯 JavaScript 编写以下 JQuery 函数?

html - CSS中不同大小的文本之间的间距相等

javascript - 允许 SVG 文本在 Angular 中可编辑吗?

javascript - HTML5 的 contenteditable 属性应该是 XSS 安全的吗?