[发明专利]一种基于事件监听可自动留痕的HTML编辑器、系统及其实现方法

说明书

本发明提供一种基于事件监听可自动留痕的HTML编辑器、系统及其实现方法，所述方法包括：在HTML编辑器中设置并启动事件监听函数，系统自动监听来自HTML编辑器的所有事件，当触发时，HTML编辑器进入自动留痕模式，调用函数执行事件并标记唯一标识，将结果封装并记录到日志。与现有技术相比，本发明基于监听键盘和鼠标事件，触发HTML编辑器进入自动留痕模式，实现HTML编辑器的自动修改留痕功能。这种基于事件监听方式的自动留痕技术无需安装OCX控件，对本地应用环境无要求，兼容各种常见浏览器，使用简便，能够直观形象的反映出数据修改的历史和轨迹，便于内容管理和协作。

技术领域

本发明涉及互联网内容管理和信息协同领域，尤其涉及一种基于事件监听可自动留痕的HTML编辑器、系统及其实现方法。

背景技术

HTML编辑器作为最为通用的富文本编辑器，由于其原生于浏览器，具有便捷、灵活的特性，在内容管理、信息协同领域应用非常普遍。

目前，HTML编辑器的问题为：编辑器不支持修改留痕，不能直观形象的反映出文档修改的过程信息，这个问题导致在线文档协作非常不方便。传统的方式是：使用类似Word的OCX控件来实现修改留痕，但是OCX控件技术自身的缺陷比较明显：不同浏览器不能兼容，对本地环境非常敏感，经常会出现不能正常运行控件的情况。另外，控件模式的操作体验跟浏览器模式的编辑器操作体验差异较大，这些问题都导致基于OCX控件方式的自动留痕技术在内容管理领域一直没有能够普及应用。

发明内容

本发明为了弥补现有技术的不足，提供一种基于事件监听可自动留痕的HTML编辑器、系统及其实现方法，基于监听键盘和鼠标事件，触发HTML编辑器进入自动留痕模式，实现HTML编辑器的自动修改留痕功能。这种基于事件监听方式的自动留痕技术无需安装OCX控件，对本地应用环境无要求，兼容各种常见浏览器，使用简便，能够直观形象的反映出数据修改的历史和轨迹，便于内容管理和协作。

本发明提供了一种基于事件监听可自动留痕的HTML编辑器实现方法，步骤如下：

在HTML编辑器中设置并启动事件监听函数，系统自动监听来自HTML编辑器的所有事件，当触发时，HTML编辑器进入自动留痕模式，调用函数执行事件并标记唯一标识，将结果封装并记录到日志。

进一步地，可在HTML编辑器中设置触发事件监听函数的“自动留痕”控制按钮，当用户点击“自动留痕”按钮后触发事件监听函数，HTML编辑器进入自动留痕模式。

进一步地，结果是指编辑人员对内容进行修改、新增和删除后的修改痕迹和修改日志。

进一步地，事件包括键盘输入事件和鼠标按钮事件。

进一步地，HTML编辑器包括三种模式：初始模式、自动留痕模式和预览模式，其中，自动留痕模式不能切换源代码显示。

进一步地，初始模式和自动留痕模式包括内容编辑区和功能按钮区，内容编辑区用于编辑内容，功能按钮区用于鼠标按钮事件。

进一步地，预览模式包括功能按钮区和预览区，功能按钮区用于鼠标按钮事件，预览区包括内容预览区、标记区和日志区，其中，内容预览区用于预览编辑好的内容；标记区用于显示所有修改痕迹；日志区用于显示所有修改日志。

进一步地，自动留痕模式会对所有操作结果做唯一标识标记，并通过唯一标识将修改痕迹和修改日志关联到预览模式。

进一步地，预览模式的标记区通过唯一标识能自动与内容预览区的对应内容进行关联，日志区通过唯一标识能自动与标记区的对应修改痕迹进行关联，方便编辑人员对修改、新增和删除等内容进行自动定位和查看。

进一步地，系统可通过调用函数获取内容预览区、标记区和日志区的内容，方便服务端长期保存。