页面富文本编辑器的扩展方法和装置、存储介质、电子设备.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113867726A(43)申请公布日2021.12.31(21)申请号202111143870.0(22)申请日2021.09.28(71)申请人北京房江湖科技有限公司地址101300北京市顺义区杨镇二街村农场路62号24室(72)发明人陈子闽(74)专利代理机构北京思源智汇知识产权代理有限公司11657代理人王晓多(51)Int.Cl.G06F8/38(2018.01)G06F8/33(2018.01)权利要求书2页说明书13页附图4页(54)发明名称页面富文本编辑器的扩展方法和装置、存储介质、电子设备(57)摘要本公开实施例公开了一种页面富文本编辑器的扩展方法和装置、存储介质、电子设备，其中，方法包括：响应于接收到页面编辑指令，在页面对应的富文本编辑器中增加可独立编辑的至少一个编辑模块；根据模块编辑指令在所述至少一个编辑模块中进行编辑，得到编辑后的至少一个编辑模块；导出所述富文本编辑器对应的第一数据和所述至少一个编辑后的编辑模块对应的至少一组第二数据；基于所述第一数据和所述至少一组第二数据对页面进行渲染，得到渲染后的页面；本实施例通过对编辑模块进行独立编辑，实现了视觉上编辑富文本内部内容的效果，但其编辑过程不受限于富文本的控制，事件和内容改动处理比较灵活。CN113867726ACN113867726A权利要求书1/2页1.一种页面富文本编辑器的扩展方法，其特征在于，包括：响应于接收到页面编辑指令，在页面对应的富文本编辑器中增加可独立编辑的至少一个编辑模块；根据模块编辑指令在所述至少一个编辑模块中进行编辑，得到编辑后的至少一个编辑模块；导出所述富文本编辑器对应的第一数据和所述至少一个编辑后的编辑模块对应的至少一组第二数据；基于所述第一数据和所述至少一组第二数据对页面进行渲染，得到渲染后的页面。2.根据权利要求1所述的方法，其特征在于，所述在页面对应的富文本编辑器中增加可独立编辑的至少一个编辑模块，包括：在所述富文本编辑器的数据中插入与所述至少一个编辑模块大小对应的至少一个占位元素；其中，每个所述占位元素对应一个编辑模块；将至少一个所述占位元素对应的所述编辑模块覆盖到所述占位元素对应的位置。3.根据权利要求2所述的方法，其特征在于，所述将至少一个所述占位元素对应的所述编辑模块覆盖到所述占位元素对应的位置，包括：通过绝对定位将至少一个所述占位元素对应的所述编辑模块覆盖到所述占位元素对应的位置。4.根据权利要求1‑3任一所述的方法，其特征在于，所述根据模块编辑指令在所述至少一个编辑模块中进行编辑，得到编辑后的至少一个编辑模块，包括：响应于监听得到对所述至少一个编辑模块的点击事件，调整所述至少一个编辑模块的状态为编辑状态，调整所述富文本编辑器的状态为只读状态；控制所述至少一个编辑模块在编辑状态下，根据所述模块编辑指令接受编辑内容，得到编辑后的至少一个编辑模块。5.根据权利要求1‑4任一所述的方法，其特征在于，还包括：响应于监听得到对所述至少一个编辑模块的失去焦点事件，调整所述至少一个编辑模块的状态为只读状态，调整所述富文本编辑器的状态为编辑状态；控制所述富文本编辑器在编辑状态下，根据文本编辑指令接受编辑内容，得到编辑后的富文本编辑器。6.根据权利要求1‑5任一所述的方法，其特征在于，所述基于所述第一数据和所述至少一组第二数据对页面进行渲染，得到渲染后的页面，包括：确定所述第一数据中包括的所述至少一个占位元素对应的至少一个占位数据；用所述至少一个第二数据替换掉所述至少一个占位数据，得到替换后的完整数据；基于所述完整数据对所述页面进行渲染，得到渲染后的页面。7.根据权利要求1‑6任一所述的方法，其特征在于，还包括：响应于接收对所述渲染后的页面进行编辑的第一更新指令；获得所述渲染后的页面对应的完整数据；基于所述完整数据，得到具有至少一个编辑模块的富文本编辑器；根据第二更新指令对所述至少一个编辑模块和/或所述富文本编辑器进行更新处理；导出更新后的至少一个编辑模块和/或富文本编辑器对应的数据，并基于更新后的数2CN113867726A权利要求书2/2页据对页面进行渲染，得到更新后的页面。8.根据权利要求7所述的方法，其特征在于，所述基于所述完整数据，得到具有至少一个编辑模块的富文本编辑器，包括：基于所述完整数据分解得到至少一组第二数据和第一数据；将所述第一数据输入所述页面对应的富文本编辑器；对所述至少一组第二数据依次进行渲染，得到至少一个编辑模块；将所述至少一个编辑模块覆盖到所述富文本编辑器中至少一个占位元素对应的位置，得到所述具有至少一个编辑模块的富文本编辑器。9.根据权利要求8所述的方法，其特征在于，所述基于所述完整数据分解得到至少一组第二数据和第一数据，包