富文本编辑调研

294 阅读1分钟

ContentEditable困境与破局

zhuanlan.zhihu.com/p/123341288

采用这一技术的编辑器特点是:

  • 依赖浏览器的contenteditable的特性
  • 特性丰富,性能较好,功能较为强大
  • 操作的数据是HTML/DOM树,数据与视图没有分离,都是同一份内存数据
  • 对HTML的兼容性好
  • 命令执行依赖浏览器document.execCommand API,虽然自实现部分或者全部命令,但依然存在难于解决的bug, 也不便于实现协同编辑、类似Word分页等功能。

实现要点:

www.zhihu.com/question/38…

有道云笔记跨平台富文本编辑器的技术演进

有道云笔记第二代  sq.163yun.com/blog/articl…

缺点

浏览器兼容性差、

用户行为难以控制、

难以抽象编辑器内的视图逻辑关系并将它们映射到代码模型中

从Native UI到HTML UI