一、文献综述
本文将分四个部分对当前在线编辑器的研究情况进行叙述。条目“国内外研究现状”中，会将对在线编辑器的研究的历史情况和现状进行梳理。条目“研究主要成果”中，会对目前流行的、具有代表性的在线编辑工具进行举例，并说明其相关特性。条目“发展趋势”中，会总结现阶段在线编辑器方面研究的发展趋势。条目“存在的问题”中，会说明目前在线编辑器研究中存在的问题。
- 国内外研究现状
受限于显示器和处理器的硬件条件，最初的文本编辑器只能支持纯文本。随着技术的发展，文档中出现了字体样式和布局的变化。这样的文本格式称之为富文本或格式化文本，除了表示内容的文字外，它还包括风格、排版等信息，甚至一些如图片、视频等更复杂格式的媒体数据。但在早期的富文本工具实践上，作者所编辑的文本和读者看到的内容是有很大区别的。作者实际上是在编写某种“源代码”，即除文章内容外，他还需要输入特殊的非打印标记代码，用来控制文本的格式和文章的布局。完成编辑后，通过文字处理器，作者输入的内容会被转化为用于发布的文档样式。
由于传统富文本编辑方式的不便，一种称之为“WYSIWYG”的设计思路被提了出来，即“What You See Is What You Get”，指用户在编辑时看到文档与最终发布时的有相同的样式。[[1]]使用时，作者可以利用工具栏或者快捷键调整文本的样式和布局，并由编辑器实时地渲染出来。在1981年，施乐公司发布了第一款所见即所得编辑器Bravo。[[2]]此后，所见即所得逐渐成为了绝对主流的富文本编辑器设计原则。
近年来使用Markdown的在线编辑器也变得非常常见。Markdown使用一种轻量级的、易读的标记语言语法来描述格式化文本。[[3]]实际工作时，Markdown编辑器也会参考所见即所得的设计思路，实时地根据用户输入的格式化文本，渲染出相应的HTML效果。相对于基于工具栏修改样式的富文本编辑器，Markdown编辑器可以长期将双手留在键盘上，通过少量的控制字符，能够很好地决定文本的样式。[[4]]当然，纯手动输入的控制字符使得其样式种类并没有传统的富文本编辑器丰富，但在一些更关注内容的场合，如博客、在线论坛、项目自述等中，Markdown编辑器有着很大的受众。
随着现代浏览器技术的发展，文本编辑器由桌面应用程序转移到线上逐渐成为可能，形成了在线编辑器。在线编辑器是一种通过浏览器，对文本、图片、表格等数据进行在线编辑的工具。用户使用Web应用向服务器提交“添加”、“删除”、“修改”等编辑操作，而服务器会实时地返回变动后的数据信息。于是用户得以免去下载、安装应用程序的繁琐，又能实现文档编辑的需求。该工具被大量用于那些主要由用户产生内容的网站。
在线的富文本编辑器，有时也直接称为富文本编辑器，会将用户输入的文本转化为HTML代码，并由浏览器显示。最初的富文本编辑器，使用浏览器提供的execCommand修改HTML，但由于不同浏览器的实现策略不同，导致同样的富文本，在不同浏览器中生成的HTML结构不大相同。[[5]]比如针对“加粗”指令，由于HTML代码有不同的方式实现该效果，所以不同浏览器可能会生成不同的HTML代码。针对数据与模型无法统一的问题，自定义数据模型的概念被提了出来。[[6]]自定义数据模型，是在HTML-DOM树的基础上抽离出来的数据结构。自定义的命令直接控制数据模型，保证了文档渲染的一致性。
传统的富文本编辑器都是通过修改浏览器提供的contentEditable属性，实现对HTML元素的修改。[[7]]在工作时，需要对用户操作进行拦截，但拦截行为是很难控制的，而且在不同浏览器上还会出现兼容性问题。针对这一问题，以Google Docs为代表的编辑器自研了排版引擎，彻底抛弃了contentEditable，而能实现与浏览器相似的编辑效果。但相应地，也有开发难度高、成本高的问题，在体验上仍与原生渲染有一定差距。
- 研究主要成果
大部分的在线富文本编辑器基于工具栏来调整文本的样式和布局。下面介绍几个具有代表性的在线富文本编辑器。
Medium Editor是一个模仿Medium设计风格的的开源嵌入式文本编辑工具栏。[[8]]Medium是一个基于主题的创作型媒体平台，其网站界面简介而美观，深受一些用户的追捧。Medium Editor由JavaScript编写，不依赖任何第三方库，兼容包括Microsoft Edge和IE在内的主流浏览器。它允许网站的构建者将自定义的内嵌文本编辑器加入到页面内。而网站的用户可以使用一个简单的可视化工具栏，将文本加粗、倾斜、划去，也支持一些其它的如添加链接的操作。其所有源代码被开源地存储在GitHub上，并获得了15k的星标，是目前最受欢迎的在线文本编辑插件之一。
以上是毕业论文文献综述，课题毕业论文、任务书、外文翻译、程序设计、图纸设计等资料可联系客服协助查找。
