[发明专利]一种富格式数字教材内容编号方法及系统

说明书

本发明提供了一种富格式数字教材内容编号方法及系统，该方法包括以下步骤：S1：获取页面数字教材内容，并生成JSON格式数据；S2：用户通过编辑器对数字教材内容进行编写，并将编写数据以JSON格式存储于浏览器以及服务器；S3：根据预定义的文档结构，对编写数据以及原页面数字教材内容数据进行分类，并对同一类数据按照文档中顺序进行添加题注或自动编号；S4：根据代码转换规则，将JSON格式的编写数据转化为DOM元素，并更新到浏览器上。本发明所提供的一种富格式数字教材内容编号方法及系统，通过JSON对文档式进行定义，并制定文档的结构，从而完成对浏览器数字教材内容的题注添加或者内容添加并自动添加编号的操作。

技术领域

本发明涉及信息数据化处理技术领域，具体涉及一种富格式数字教材内容编号方法及系统。

背景技术

常用的字处理软件例如Office Word、WPS等，都具有给图片、表格等自动编号的功能。而常见的基于浏览器的富格式内容编辑器都不具备此功能。如果仅仅是用来编写篇幅较短的文档，也不太需要这个功能。而教材的内容是比较多的，篇幅也较长，还需要按照章节组织内容，所以在数字教材编写工具中，增加图片、表格、公式的自动编号功能，是非常有必要的。

常见的基于浏览器的富格式内容编辑器都是通过将HTML中的DOM元素设置为可以编辑的，然后用户在浏览器中编写富格式内容。然而，现有的浏览器编辑器在数字教材编写场景的应用，仍然存在问题：当需要对数字教材进行内容添加或编辑时需要操作DOM来实现内容的变更，很难通过自动化程序将数据进行结构化存储，只能以一段HTML源代码以及其引用的富格式文件（例如：图片、音频、视频等）URL的形式混合在一起进行存储，这种存储形式将很难通过数据控制现有内容（图片、表格、公式等）实现插入题注及自动编号的功能。且在内容变更时需要全局进行大量DOM操作，再重新全部插入到内容中，这种操作不仅繁琐而且会因为对内容反复修改DOM结构产生卡顿不流畅的不好体验。

发明内容

本发明提供的一种富格式数字教材内容编号方法及系统，采用了数据化存储的编辑器，可以通过操作数据进行添加和修改，然后在页面中呈现内容的变化，从而能够解决上述过程中的技术问题。

本发明解决上述技术问题的技术方案如下：

第一方面，本发明提供了一种富格式数字教材内容编号方法，包括以下步骤：

S1：获取页面数字教材内容，并生成JSON格式数据；

S2：用户通过编辑器对数字教材内容进行编写，并将编写数据以JSON格式存储于浏览器以及服务器；

S3：根据预定义的文档结构，对编写数据以及原页面数字教材内容数据进行分类，并对同一类数据按照文档中顺序进行添加题注或自动编号；

S4：根据代码转换规则，将JSON格式的编写数据转化为DOM元素，并更新到浏览器上。

在一些实施例中，所述S2包括：

S21：通过JavaScript代码监听用户的键盘及鼠标事件，获取用户编写数据；

S22：将编写数据以JSON格式存储于浏览器以及服务器。

在一些实施例中，所述S3中“根据预定义的文档结构，对编写数据以及原页面数字教材内容数据进行分类”包括：

S31：创建题注分类编号节点、题注内容节点以及题注盒模型节点，并定义每一个题注盒模型节点包含一个题注分类编号节点和题注内容节点；

S32：将编写数据内容中同类别的题注数据，按照顺序存储在对应类别的题注盒模型节点之中。

在一些实施例中，所述S3还包括：

S33：创建内容添加节点以及内容添加盒模型节点，并定义每一个内容添加盒模型节点包含一个内容添加节点；