基于富文本编辑器的文本结构化方法及装置、介质及设备制造方法及图纸

本公开涉及计算机技术领域，提供了一种基于富文本编辑器的文本结构化方法及装置、计算机存储介质和电子设备。其中，上述方法包括：响应在富文本编辑器的第一前端页面的第一操作，在第一前端页面中显示候选组件列表；响应对候选组件列表中的目标组件的第二操作，确定第一前端页面的标签元素对应的第一结构化数据；根据第一操作的操作位置确定目标组件的添加位置；获取目标组件对应的第二结构化数据，根据添加位置将第二结构化数据插入到第一结构化数据中，以生成第三结构化数据；基于第三结构化数据渲染第二前端页面，以在富文本编辑器中显示所述第二前端页面。本方案能提高富文本编辑效率和结构化数据的生成效率。辑效率和结构化数据的生成效率。辑效率和结构化数据的生成效率。

【技术实现步骤摘要】
基于富文本编辑器的文本结构化方法及装置、介质及设备


[0001]本公开涉及计算机
，具体而言，涉及一种基于富文本编辑器的文本结构化方法、基于富文本编辑器的文本结构化装置、计算机可读存储介质、电子设备。

技术介绍

[0002]富文本编辑器(RichText Editor，简称RTE)是一种可用于对网页中的文本进行编辑的编辑器。目前，富文本编辑器的使用已经越来越广泛。
[0003]以传染病流调报告的生成为例，相关技术中，用户只能在已经确定好位置的编辑框中编辑，而无法自定义添加编辑框，所以，编辑准确性和效率低下。且现有的富文本编辑器的输出是一个HTML(Hyper Text Markup Language，超文本标记语言)的文本，无法输出结构化的数据。
[0004]需要说明的是，在上述
技术介绍
部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

技术实现思路

[0005]本公开的目的在于提供一种基于富文本编辑器的文本结构化方法及装置、计算机可读存储介质及电子设备，进而至少在一定程度上改善富文本编辑准确性低、效率低下，且无法直接生成结构化数据的问题。
[0006]本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。
[0007]根据本公开的第一方面，提供了一种基于富文本编辑器的文本结构化方法，包括：响应在富文本编辑器的第一前端页面的第一操作，在所述第一前端页面中显示候选组件列表；响应对所述候选组件列表中的目标组件的第二操作，确定所述第一前端页面的标签元素对应的第一结构化数据；根据所述第一操作确定所述目标组件的添加位置；获取所述目标组件对应的第二结构化数据，根据所述添加位置将所述第二结构化数据插入到所述第一结构化数据中，以生成第三结构化数据；基于所述第三结构化数据渲染第二前端页面，以在所述富文本编辑器中显示所述第二前端页面。
[0008]在本公开的一种示例性实施例中，基于前述方案，所述确定所述第一前端页面的标签元素对应的第一结构化数据，包括：根据第一层级标签元素、所述第一层级标签元素的第一级子标签元素、所述第一层级标签元素的第二级子标签元素的顺序，遍历所述第一前端页面的标签元素；根据遍历情况，确定所述第一前端页面的标签元素对应的第一结构化数据；其中，所述第一层级标签元素包括所述第一前端页面中的模块结构标签元素。
[0009]在本公开的一种示例性实施例中，基于前述方案，所述根据遍历情况，确定所述第一前端页面的标签元素对应的第一结构化数据，包括：在遍历到第一层级标签元素的情况下，获取所述第一层级标签元素关联的第一子结构化数据；在遍历到的所述第一级子标签元素的类型是第二层级标签元素的情况下，获取遍历到的所述第一级子标签元素关联的第
二子结构化数据；在遍历到的所述第一级子标签元素的类型不是第二层级标签元素的情况下，获取为所述第二层级标签元素配置的预设结构化数据；在遍历到的所述第二级子标签元素为组件的情况下，确定与所述组件进行双向绑定的预设标签元素，获取所述预设标签元素关联的第三子结构化数据；在遍历到的所述第二级子标签元素为文本元素的情况下，获取所述文本元素关联的第四子结构化数据；根据所述第一子结构化数据、所述第二子结构化数据、所述预设结构化数据、所述第三子结构化数据、所述第四子结构化数据，确定所述第一结构化数据。
[0010]在本公开的一种示例性实施例中，基于前述方案，所述基于所述第三结构化数据渲染第二前端页面，包括：遍历所述第三结构化数据，根据遍历到的第三结构化数据生成前端页面的标签元素，以根据所述标签元素渲染第二前端页面；其中，在遍历到所述第三结构化数据中的目标子结构化数据的情况下，识别目标子结构化数据表征的组件类型，根据所述组件类型渲染所述目标子结构化数据表征的组件；所述目标子结构化数据包括所述第三结构化数据中数据类型为组件的子结构化数据。
[0011]在本公开的一种示例性实施例中，基于前述方案，所述方法还包括：遍历所述第三结构化数据，根据遍历到的子结构化数据的类型，确定所述子结构化数据对应的标签元素的层级；基于所述层级为所述子结构化数据对应的标签元素配置层级标记，并将所述子结构化数据与其对应的标签元素进行关联。
[0012]在本公开的一种示例性实施例中，基于前述方案，所述根据遍历到的子结构化数据的类型，确定所述子结构化数据对应的标签元素的层级，包括：在遍历到第一目标子结构化数据的情况下，确定所述第一目标子结构化数据对应的标签元素的层级为第一层级标签元素；在遍历到第二目标子结构化数据的情况下，确定所述第二目标子结构化数据对应的标签元素的层级为第二层级标签元素；在遍历到第三目标子结构化数据的情况下，确定所述第三目标子结构化数据对应的标签元素的层级为第三层级标签元素；其中，所述第一目标子结构化数据表征前端页面的模块结构，所述第二目标子结构化数据表征前端页面的混合行结构，所述第三目标子结构化数据表征混合行结构内的行内容信息，所述行内容信息包括文本和/或组件。
[0013]在本公开的一种示例性实施例中，基于前述方案，所述响应在富文本编辑器的第一前端页面的第一操作，在所述第一前端页面中显示候选组件列表，包括：在所述第一前端页面处于可编辑模式的情况下，响应在富文本编辑器的第一前端页面的第一操作，在所述第一前端页面中显示候选组件列表。
[0014]在本公开的一种示例性实施例中，基于前述方案，通过以下方式将所述富文本编辑器中的前端页面渲染为可编辑模式：响应对所述富文本编辑器中的预设控件的开启操作，将所述富文本编辑器中的前端页面渲染为可编辑模式；其中，所述预设控件与所述富文本编辑器中的预设变量关联，所述预设变量与所述前端页面中的标签元素的可编辑属性双向绑定。
[0015]在本公开的一种示例性实施例中，基于前述方案，所述方法还包括：响应在所述第一前端页面的第三操作，显示所述第一前端页面的模块列表；响应对所述模块列表中的任一模块的删除操作，将所述模块从所述模块列表中删除。
[0016]在本公开的一种示例性实施例中，基于前述方案，所述方法还包括：响应在第一前
端页面中创建模块的第四操作，在所述第一前端页面的模块列表中添加创建的模块。
[0017]在本公开的一种示例性实施例中，基于前述方案，在基于所述第三结构化数据渲染第二前端页面后，所述方法还包括：在所述添加位置对应的页面标签元素之后设定光标。
[0018]在本公开的一种示例性实施例中，基于前述方案，所述方法还包括：响应在所述富文本器中的第五操作，根据第一层级标签元素、所述第一层级标签元素的第一级子标签元素、所述第一层级标签元素的第二级子标签元素的顺序，遍历所述富文本编辑器中的当前前端页面的标签元素；根据遍历情况，生成所述当前前端页面的标签元素对应的第四结构化数据；其中，所述第五操作包括对所述富文本编辑器中的目标预设控件的触发操作。
[0019]根据本公开的第二方面，提供了一种基于富文本本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于富文本编辑器的文本结构化方法，其特征在于，包括：响应在富文本编辑器的第一前端页面的第一操作，在所述第一前端页面中显示候选组件列表；响应对所述候选组件列表中的目标组件的第二操作，确定所述第一前端页面的标签元素对应的第一结构化数据；根据所述第一操作确定所述目标组件的添加位置；获取所述目标组件对应的第二结构化数据，根据所述添加位置将所述第二结构化数据插入到所述第一结构化数据中，以生成第三结构化数据；基于所述第三结构化数据渲染第二前端页面，以在所述富文本编辑器中显示所述第二前端页面。2.根据权利要求1所述的基于富文本编辑器的文本结构化方法，其特征在于，所述确定所述第一前端页面的标签元素对应的第一结构化数据，包括：根据第一层级标签元素、所述第一层级标签元素的第一级子标签元素、所述第一层级标签元素的第二级子标签元素的顺序，遍历所述第一前端页面的标签元素；根据遍历情况，确定所述第一前端页面的标签元素对应的第一结构化数据；其中，所述第一层级标签元素包括所述第一前端页面中的模块结构标签元素。3.根据权利要求2所述的基于富文本编辑器的文本结构化方法，其特征在于，所述根据遍历情况，确定所述第一前端页面的标签元素对应的第一结构化数据，包括：在遍历到第一层级标签元素的情况下，获取所述第一层级标签元素关联的第一子结构化数据；在遍历到的所述第一级子标签元素的类型是第二层级标签元素的情况下，获取遍历到的所述第一级子标签元素关联的第二子结构化数据；在遍历到的所述第一级子标签元素的类型不是第二层级标签元素的情况下，获取为所述第二层级标签元素配置的预设结构化数据；在遍历到的所述第二级子标签元素为组件的情况下，确定与所述组件进行双向绑定的预设标签元素，获取所述预设标签元素关联的第三子结构化数据；在遍历到的所述第二级子标签元素为文本元素的情况下，获取所述文本元素关联的第四子结构化数据；根据所述第一子结构化数据、所述第二子结构化数据、所述预设结构化数据、所述第三子结构化数据、所述第四子结构化数据，确定所述第一结构化数据。4.根据权利要求1所述的基于富文本编辑器的文本结构化方法，其特征在于，所述基于所述第三结构化数据渲染第二前端页面，包括：遍历所述第三结构化数据，根据遍历到的第三结构化数据生成前端页面的标签元素，以根据所述标签元素渲染第二前端页面；其中，在遍历到所述第三结构化数据中的目标子结构化数据的情况下，识别所述目标子结构化数据表征的组件类型，根据所述组件类型渲染所述目标子结构化数据表征的组件；所述目标子结构化数据包括所述第三结构化数据中数据类型为组件的子结构化数据。5.根据权利要求1所述的基于富文本编辑器的文本结构化方法，其特征在于，所述方法
还包括：遍历所述第三结构化数据，根据遍历到的子结构化数据的类型，确定所述子结构化数据对应的标签元素的层级；基于所述层级为所述子结构化数据对应的标签元素配置层级标记，并将所述子结构化数据与其对应的标签元素进行关联。6.根据权利要求5所述的基于富文本编辑器的文本结构化方法，其特征在于，所述根据遍历到的子结构化数据的类型，确定所述子结构化数据对应的标签元素的层级，包括：在遍历到第一目标子结构化数据的情况下，确定所述第一目标子结构化数据对应的标签元素的层级为第一层级标签元素；在遍历到第二目标子结构化数据的情况下，确定所述第二目标子结构化数据对应的标签元素的层级为第二层级标签元素；在遍历到第三目标子结构化数据的情况...

【专利技术属性】
技术研发人员：邱涛，
申请(专利权)人：医渡云北京技术有限公司，
类型：发明
国别省市：