HTML页面的局部风格编辑方法及系统与流程

本说明书涉及计算机，尤其涉及一种html页面的局部风格编辑方法及系统。

背景技术：

1、随着人工智能（artificial intelligence，ai）的快速发展，大语言模型（largelanguage model，llm）技术逐渐成为超文本标记语言（hypertext markup language，html）页面生成和风格编辑的核心驱动力量，可以降低网页开发的技术门槛。

2、相关技术中，基于llm技术的ai编辑模型响应于用户对目标页面的某个区域进行局部风格编辑的指令（如将卡片的背景颜色改得高级一点），输出一段重写的目标页面的html代码或者样式规则代码，从而实现html页面的局部风格编辑。

3、然而，在相关技术中，由于html页面中多个元素可能共用一套样式规则，修改一个元素的样式可能会误改html页面中其他元素的样式，导致html页面全局风格漂移，从而使得html页面整体视觉风格发生非预期的变化，因此，如何准确可控地对html页面进行局部风格编辑，是亟待解决的技术问题。

4、背景技术部分的内容仅仅是发明人个人所知晓的信息，并不代表上述信息在本公开申请日之前已经进入公共领域，也不代表其可以成为本公开的现有技术。

技术实现思路

1、本说明书提供一种超文本标记语言html页面的局部风格编辑方法及系统，能够基于清晰的语义化风格编辑指令，针对目标页面的目标元素生成局部风格编辑方案；此外，还可以通过ai编辑模型生成多个候选编辑方案，并基于多个候选编辑方案分别对应的影响范围评分确定目标编辑方案，降低局部风格编辑导致目标页面全局风格漂移的风险程度，提高局部风格编辑的准确性和可控性。

2、第一方面，本说明书提供一种html页面的局部风格编辑方法，包括：

3、基于目标页面的目标结构化文档的标记代码、样式规则代码、目标元素的待编辑样式属性对应的计算样式以及主题设计令牌，构建编辑上下文；

4、对所述编辑上下文和用户输入的自然语言风格编辑指令的解析结果进行打包处理，得到增强编辑指令；

5、基于所述增强编辑指令驱动ai编辑模型生成多个候选编辑方案；

6、基于所述多个候选编辑方案分别对应的影响范围评分，从多个候选编辑方案中确定目标编辑方案，其中，所述影响范围评分用于量化评估候选编辑方案对所述目标页面中非目标元素的波及程度；

7、基于所述目标编辑方案对所述目标页面进行局部风格编辑。

8、在一些实施例中，所述对所述编辑上下文和用户输入的自然语言风格编辑指令的解析结果进行打包处理，得到增强编辑指令，包括：

9、对所述编辑上下文、语义样式锁以及所述自然语言风格编辑指令的解析结果进行打包处理，得到增强编辑指令，其中，所述语义样式锁用于标识所述目标页面中的受保护样式的禁止修改属性。

10、在一些实施例中，还包括：

11、对所述自然语言风格编辑指令进行解析，得到结构化意图向量，所述结构化意图向量包括下述至少一个维度：色相、饱和度、明度、对比度、稳健感、品牌偏移量以及视觉变化幅度；

12、所述对所述编辑上下文、语义样式锁以及所述自然语言风格编辑指令的解析结果进行打包处理，得到增强编辑指令，包括：

13、对所述编辑上下文、语义样式锁以及所述结构化意图向量进行打包处理，得到增强编辑指令。

14、在一些实施例中，所述基于目标页面的目标结构化文档的标记代码、样式规则代码、目标元素的待编辑样式属性对应的计算样式以及主题设计令牌，构建编辑上下文，包括：

15、基于所述目标元素、所述目标元素的所述待编辑样式属性对应的计算样式及所述目标页面的标记代码和样式规则代码，反向逐层追溯获取目标样式来源链；

16、基于所述目标页面的标记代码和样式规则代码，以及语义样式规则库，沿所述目标样式来源链向上追踪统计同一样式规则约束的受影响元素，构建样式影响图；

17、基于所述样式影响图，构建所述编辑上下文。

18、在一些实施例中，所述基于所述多个候选编辑方案分别对应的影响范围评分，从多个候选编辑方案中确定目标编辑方案之前，还包括：

19、基于所述多个候选编辑方案分别对应的受影响节点数量、受影响节点与所述目标元素的dom距离、选择器共享程度、视觉变化幅度及语义样式锁冲突惩罚，获取所述多个候选编辑方案分别对应的影响范围评分。

20、在一些实施例中，所述基于所述多个候选编辑方案分别对应的受影响节点数量、受影响节点与所述目标元素的文档对象模型dom距离、选择器共享程度量化值、视觉变化幅度预计算值及语义样式锁冲突惩罚，获取所述多个候选编辑方案分别对应的影响范围评分，包括：

21、基于所述受影响节点数量与第一权重系数的乘积，得到第一评分分量；

22、基于所述受影响节点与所述目标元素的dom距离与第二权重系数的乘积，得到第二评分分量；

23、基于所述选择器共享程度量化值与第三权重系数的乘积，得到第三评分分量；

24、基于所述视觉变化幅度预计算值与第四权重系数的乘积，得到第四评分分量；

25、基于所述语义样式锁冲突惩罚值与第五权重系数的乘积，得到第五评分分量；

26、对所述第一评分分量、所述第二评分分量、所述第三评分分量、所述第四评分分量及所述第五评分分量求和，得到所述影响范围评分。

27、在一些实施例中，所述基于所述多个候选编辑方案分别对应的影响范围评分，从多个候选编辑方案中确定目标编辑方案，包括：

28、基于所述多个候选编辑方案分别对应的影响范围评分，从多个候选编辑方案中确定影响范围评分最小的候选编辑方案为目标编辑方案。

29、在一些实施例中，所述基于所述多个候选编辑方案分别对应的影响范围评分，从多个候选编辑方案中确定目标编辑方案之前，还包括：

30、对所述多个候选编辑方案分别进行校验，得到所述多个候选编辑方案分别对应的校验结果；

31、所述基于所述多个候选编辑方案分别对应的影响范围评分，从多个候选编辑方案中确定目标编辑方案，包括：

32、基于所述多个候选编辑方案分别对应的校验结果，获取校验结果为校验通过的候选编辑方案；

33、从校验结果为校验通过的候选编辑方案中，确定影响范围评分最小的候选编辑方案为目标编辑方案。

34、在一些实施例中，所述对所述多个候选编辑方案分别进行校验，得到所述多个候选编辑方案分别对应的校验结果，包括：

35、针对所述多个候选编辑方案中的每个候选编辑方案进行至少一个校验维度的校验，在任意一个校验维度的校验不通过的情况下，确定所述候选编辑方案的校验结果为校验不通过，并记录校验不通过的校验维度；

36、在所有校验维度均校验通过的情况下，确定所述候选编辑方案的校验结果为校验通过；

37、其中，所述校验维度包括：目标范围越界校验、语义样式锁冲突校验、文字对比度校验、目标外渲染漂移校验及主题一致性校验中的至少一种。

38、在一些实施例中，所述方法还包括：

39、在所述多个候选编辑方案的校验结果均为校验不通过的情况下，基于导致所述候选编辑方案校验不通过的校验维度，驱动所述ai编辑模型重新生成多个候选编辑方案。

40、第二方面，本说明书还提供一种html页面的局部风格编辑系统，包括：至少一个存储介质，存储有至少一个指令集；以及至少一个处理器，同所述至少一个存储介质通信连接，其中，所述至少一个处理器运行时读取所述至少一个指令集，并且根据所述至少一个指令集的指示执行如第一方面任一项所述的html页面的局部风格编辑方法。

41、第三方面，本说明书还提供一种计算机可读非暂时性存储介质，其中，所述计算机可读非暂时性存储介质中存储有至少一个指令集，所述至少一个指令集被至少一个处理器执行时，实现如第一方面所述的html页面的局部风格编辑方法。

42、由以上技术方案可知，本说明书提供的html页面的局部风格编辑方法及系统，该方法包括：基于目标页面的目标结构化文档的标记代码、样式规则代码、目标元素的待编辑样式属性对应的计算样式以及主题设计令牌，构建编辑上下文；对编辑上下文和用户输入的自然语言风格编辑指令的解析结果进行打包处理，得到增强编辑指令，从而可以生成清晰的语义化风格编辑指令；基于增强编辑指令驱动ai编辑模型生成多个候选编辑方案；基于多个候选编辑方案分别对应的影响范围评分，从多个候选编辑方案中确定目标编辑方案，其中，影响范围评分用于量化评估候选编辑方案对目标页面中非目标元素的波及程度，基于目标编辑方案对目标页面进行局部风格编辑，从而，覆盖了全面的可选择的局部风格编辑方案，并基于影响范围评分评估各编辑方案导致目标页面全局风格漂移的风险程度，可以避免使用风险程度较大的编辑方案修改全局风格，提高了局部风格编辑的准确性和可控性。

43、本说明书提供的html页面的局部风格编辑方法及系统的其他功能将在以下说明中部分列出。本说明书提供的html页面的局部风格编辑方法及系统的创造性方面可以通过实践或使用下面详细示例中所述的方法、装置和组合得到充分解释。