一种页面的编辑方法、装置、计算机设备及存储介质制造方法及图纸

本公开提供了一种页面的编辑方法、装置、计算机设备及存储介质，其中，该方法包括：接收基于富文本编辑器输入的、针对目标页面的页面编辑信息；其中，所述页面编辑信息包括：对至少一个数据对象中的目标数据对象进行编辑操作的信息；所述数据对象包括：基于预设数据格式为所述目标页面中的文档对象模型DOM节点定义的渲染方式；基于所述页面编辑信息，对与所述目标数据对象对应的目标DOM节点和所述目标数据对象进行同步操作，得到同步后的目标DOM节点；以及利用同步后的目标DOM节点渲染所述目标页面。标页面。标页面。

【技术实现步骤摘要】
一种页面的编辑方法、装置、计算机设备及存储介质


[0001]本公开涉及计算机
，具体而言，涉及一种页面的编辑方法、装置、计算机设备及存储介质。

技术介绍

[0002]目前，在对网页页面的内容进行编辑时，往往是通过直接修改与页面对应的超文本标记语言(Hyper Text Mark
‑
up Language，HTML)来实现页面编辑。这种编辑方式受限于运行环境(浏览器)的不同渲染出来的效果也各有不同，兼容性较差、难以准确的将编辑内容渲染至目标页面。

技术实现思路

[0003]本公开实施例至少提供一种页面的编辑方法、装置、计算机设备及存储介质。
[0004]第一方面，本公开实施例提供了一种页面的编辑方法，包括：
[0005]接收基于富文本编辑器输入的、针对目标页面的页面编辑信息；其中，所述页面编辑信息包括：对至少一个数据对象中的目标数据对象进行编辑操作的信息；所述数据对象包括：基于预设数据格式为所述目标页面中的文档对象模型DOM节点定义的渲染方式；
[0006]基于所述页面编辑信息，对与本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面的编辑方法，其特征在于，包括：接收基于富文本编辑器输入的、针对目标页面的页面编辑信息；其中，所述页面编辑信息包括：对至少一个数据对象中的目标数据对象进行编辑操作的信息；所述数据对象包括：基于预设数据格式为所述目标页面中的文档对象模型DOM节点定义的渲染方式；基于所述页面编辑信息，对与所述目标数据对象对应的目标DOM节点和所述目标数据对象进行同步操作，得到同步后的目标DOM节点；以及利用同步后的目标DOM节点渲染所述目标页面。2.根据权利要求1所述的方法，其特征在于，所述基于所述页面编辑信息，对与所述目标数据对象对应的目标DOM节点和所述目标数据对象进行同步操作，得到同步后的目标DOM节点，包括：基于所述页面编辑信息，从与所述目标页面对应的DOM树中，确定与所述页面编辑信息对应的目标DOM节点；基于所述页面编辑信息，对所述目标DOM节点进行更新操作，得到中间DOM节点；基于所述页面编辑信息对应的编辑类型，确定是否需要对与所述中间DOM节点对应的目标数据对象进行更新操作；响应于需要对所述目标数据对象进行更新操作，基于所述页面编辑信息，对所述目标数据对象进行更新操作，得到同步后的目标数据对象；基于所述同步后的目标数据对象，对所述中间DOM节点进行更新操作，得到所述同步后的目标DOM节点。3.根据权利要求2所述的方法，其特征在于，所述基于所述页面编辑信息，对所述目标数据对象进行更新操作，得到同步后的目标数据对象，包括：基于所述页面编辑信息、以及所述目标数据对象中定义的渲染方式，确定对所述目标数据对象的替换数据；基于所述替换数据，对所述目标数据对象进行更新操作，得到所述同步后的目标数据对象。4.根据权利要求2或3所述的方法，其特征在于，所述基于所述同步后的目标数据对象，对所述中间DOM节点进行更新操作，得到所述同步后的目标DOM节点，包括：确定所述同步后的目标数据对象、和所述中间DOM节点中的信息是否匹配；响应于所述同步后的目标数据对象和所述中间DOM节点中的信息不匹配，则基于所述同步后的目标数据对象，对所述中间DOM节点进行更新操作，得到所述同步后的目标DOM节点；响应于所述同步后的目标数据对象和所述中间DOM节点中的信息匹配，将所述中间DOM节点确定为所述同步后的目标DOM节点。5.根据权利要求1所述的方法，其特征在于，所述基于所述页面编辑信息，对与所述目标数据对象对应的目标DOM节点和所述目标数据对象进行同步操作，得到同步后的目标DOM节点，包括：基于所述页面编辑信息，对所述页面编辑信息对应的目标数据对象进行更新操作，得到更新后的目标数据对象；确定预设渲染库中是否定义了与所述目标数据对象对应的渲染方式；
响应于所述预设渲染库中未定义与所述目标数据对象对应的渲染方式，基于所述更新后的目标数据对象，对所述目标DOM节点进行更新操作，得到所述同步后的目标DOM节点；响应于所述预设渲染库中定义了与所述目标数据对象对应的渲染方式，基于所述预设渲染库中定义的渲染方式，对所述目标DOM节点进行更新操作，得到所述同步后的目标DOM节点。6.根据权利要求5所述的方法，其特征在于，所述基于所述更新后的目标数据对象，对所述目标DOM节点进行更新操作，得到所述同步后的目标DOM节点，包括：通过富文本编辑器向用于展示所述目标页面的浏览器发送第一更新指令；所述第一更新指令中携带有所...

【专利技术属性】
技术研发人员：王谋，
申请(专利权)人：抖音视界有限公司，
类型：发明
国别省市：