编辑器实现是前端开发中场景比较特殊，且颇有难度的一个方向。而幻灯片作为集文本编辑与图形处理功能的编辑器，在技术思路和实现方法方面也会遇到很多独特的挑战。石墨幻灯片团队在开发中面临了包括文本编辑、处理图形渲染与操作和数据管理等一系列问题，并在寻求解决方案的过程中积累了一些有趣的经验教训，希望能给对编辑器方向感兴趣的前端开发者提供思路与灵感。

 

演讲提纲：

1. 实现准备

（1）可协作编辑器的功能与技术挑战

        定义编辑器的功能与目标

        编辑器实现思路与常规前端实现思路的区别

（2）DOM 方案在幻灯片编辑器方向上的优势

        SVG、Canvas 和 HTML DOM 架构的比较

        DOM 架构方案在文本编辑与图形渲染操作方面的优缺点

2.实现过程

（1）文本渲染与编辑问题

        文本渲染和编辑的挑战

        浏览器方案

        基于 SVG 或 Canvas 的渲染方案

（2）处理图形渲染与变幻

         由面到点的图形渲染问题解决思路

         从实例谈矩阵在图形渲染和变幻处理中的应用

（3）数据管理与可协作实现

（4）图形渲染变幻相关功能的测试方案

        基于数据的测试方案

        基于 DOM 的测试方案

3.展望总结

（1）从架构层面看图形渲染与操作功能的取舍与平衡

（2）编辑器可能的终点展望

      浏览器标准层面的编辑器

 

听众收益：

1.了解编辑器 DOM、SVG 和 Canvas 架构的特点与优缺点

2.了解编辑器处理文本与图形问题的思路和算法

3.了解可协作编辑器从调研、实现到测试，不同于常规前端项目的思路和问题解决方案