ContentEditable困境与破局
zhuanlan.zhihu.com/p/123341288
采用这一技术的编辑器特点是:
- 依赖浏览器的
contenteditable的特性 - 特性丰富,性能较好,功能较为强大
- 操作的数据是HTML/DOM树,数据与视图没有分离,都是同一份内存数据
- 对HTML的兼容性好
- 命令执行依赖浏览器
document.execCommandAPI,虽然自实现部分或者全部命令,但依然存在难于解决的bug, 也不便于实现协同编辑、类似Word分页等功能。
实现要点:
有道云笔记跨平台富文本编辑器的技术演进
有道云笔记第二代 sq.163yun.com/blog/articl…
缺点:
浏览器兼容性差、
用户行为难以控制、
难以抽象编辑器内的视图逻辑关系并将它们映射到代码模型中
从Native UI到HTML UI