Web编辑器的技术实现方案.pptx

Web编辑器的技术实现方案从简单的编辑到专业排版1目录23典型的编辑器-Word菜单栏工具栏内容编辑区右键菜单状态栏实现一个最简单的编辑器div id=contentedite contenteditable=true/divhttps://shiangzhang.github.io/webtools/contenteditable.html示例完整的编辑流程打开文档解析数据生成htmldom树的渲染contenteditable接受输入并渲染定时检测脏区计算出changeset应用changeset更新html刷新dom简单实现会有哪些问题浏览器排好之后跳变一切随缘的表现IOS上光标飘起来了想都别想了排版引擎-需要解决的问题和思路0x0067 (?g?) LATIN SMALL LETTER G0x0308 (????) COMBINING DIAERESIS ?0xAC01 (???) HANGUL SYLLABLE GAG0x1100 (???) HANGUL CHOSEONG KIYEOK0x1161 (???) HANGUL JUNGSEONG A0x11A8 (???) HANGUL JONGSEONG KIYEOK The quick brown fox ???????????? jumps over the lazy dog.?Bi-Directional T