System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 页面元素编辑方法、装置、设备及可读存储介质制造方法及图纸_技高网

页面元素编辑方法、装置、设备及可读存储介质制造方法及图纸

技术编号:44758811 阅读:5 留言:0更新日期:2025-03-26 12:43
本申请实施例提供了一种页面元素编辑方法、装置、设备及可读存储介质;涉及计算机技术领域。方法包括:确定浏览器页面中具有可编辑属性的至少一个元素;在针对所述至少一个元素中的目标元素触发第一事件的情况下,为所述目标元素添加样式类;其中,样式类和编辑方式之间具有对应关系;在针对所述目标元素触发第二事件的情况下,基于所述样式类对应的编辑方式和用户编辑操作,对所述目标元素进行编辑。本申请能够提高页面元素编辑的灵活度。

【技术实现步骤摘要】

本申请属于计算机,具体涉及一种页面元素编辑方法、装置、电子设备及可读存储介质。


技术介绍

1、元素是用于构建浏览器页面内容和布局的基本块。元素具有属性,属性可以定制元素的行为和外观,不同的属性会导致元素有不同的表现和功能。可编辑(contenteditable)属性是基于网络探路者(ie,internet explorer)浏览器开发的。元素具有contenteditable属性时,表示可以对该元素进行编辑调整。

2、目前,在大多数主流浏览器中(chrome、edge等),浏览器页面中大部分元素也具有contenteditable属性。在这些浏览器中,可以对具有contenteditable属性的元素进行内容编辑。

3、但由于浏览器内核原因,在这些主流浏览器中只可以编辑元素的内容,无法对元素进行更多调整,元素编辑的灵活度较差。


技术实现思路

1、本申请旨在提供一种页面元素编辑方法、装置、电子设备及可读存储介质,至少解决在先技术中由于浏览器内核原因导致元素编辑的灵活度较差的问题。

2、为了解决上述技术问题,本申请是这样实现的:

3、第一方面,本申请实施例提供了一种页面元素编辑方法,所述方法包括:

4、确定浏览器页面中具有可编辑属性的至少一个元素;

5、在针对所述至少一个元素中的目标元素触发第一事件的情况下,为所述目标元素添加样式类;其中,样式类和编辑方式之间具有对应关系;

6、在针对所述目标元素触发第二事件的情况下,基于所述样式类对应的编辑方式和用户编辑操作,对所述目标元素进行编辑。

7、第二方面,本申请实施例还提供了一种页面元素编辑装置,所述装置包括:

8、元素属性模块,用于确定浏览器页面中具有可编辑属性的至少一个元素;

9、样式添加模块,用于在针对所述至少一个元素中的目标元素触发第一事件的情况下,为所述目标元素添加样式类;其中,样式类和编辑方式之间具有对应关系;

10、元素编辑模块,用于在针对所述目标元素触发第二事件的情况下,基于所述样式类对应的编辑方式和用户编辑操作,对所述目标元素进行编辑。

11、第三方面,本申请实施例还提供了一种电子设备,该电子设备包括处理器,存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。

12、第四方面,本申请实施例还提供了一种可读存储介质,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。

13、在本申请实施例中,通过确定浏览器页面中具有可编辑属性的至少一个元素,在针对至少一个元素中的目标元素触发第一事件的情况下,为目标元素添加样式类,其中,样式类和编辑方式之间具有对应关系,在针对目标元素触发第二事件的情况下,基于样式类对应的编辑方式和用户编辑操作,对目标元素进行编辑。使得针对不同类型的浏览器而言,都可以避免内核原因导致的元素可编辑度较低的问题,结合已添加的样式类和用户编辑操作,对元素进行编辑,提高了浏览器页面中元素编辑的灵活度。

本文档来自技高网...

【技术保护点】

1.一种页面元素编辑方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述在针对所述目标元素触发第二事件的情况下,基于所述样式类对应的编辑方式和用户编辑操作,对所述目标元素进行编辑的步骤,包括:

3.根据权利要求2所述的方法,其特征在于,所述基于所述操作方向和所述操作距离,对所述目标元素的大小进行编辑的步骤,包括:

4.根据权利要求3所述的方法,其特征在于,所述基于所述操作距离,执行所述目标处理函数以确定与所述操作距离对应的特征参数的步骤,包括:

5.根据权利要求1所述的方法,其特征在于,在所述确定浏览器页面中具有可编辑属性的至少一个元素的步骤之后,所述方法还包括:

6.根据权利要求1所述的方法,其特征在于,在所述基于所述样式类对应的编辑方式和用户编辑操作,对所述目标元素进行编辑的步骤之前,所述方法还包括:

7.根据权利要求1所述的方法,其特征在于,在针对所述至少一个元素中的目标元素触发第一事件的情况下,为所述目标元素添加样式类的步骤之后,所述方法还包括:

8.根据权利要求1所述的方法,其特征在于,所述在针对所述至少一个元素中的目标元素触发第一事件的情况下,为所述目标元素添加样式类的步骤,包括:

9.一种页面元素编辑装置,其特征在于,所述装置包括:

10.一种电子设备,其特征在于,包括处理器,存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现如权利要求1至8中任一项所述的页面元素编辑方法的步骤。

11.一种可读存储介质,其特征在于,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如权利要求1至8中任一项所述的页面元素编辑方法的步骤。

...

【技术特征摘要】

1.一种页面元素编辑方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述在针对所述目标元素触发第二事件的情况下,基于所述样式类对应的编辑方式和用户编辑操作,对所述目标元素进行编辑的步骤,包括:

3.根据权利要求2所述的方法,其特征在于,所述基于所述操作方向和所述操作距离,对所述目标元素的大小进行编辑的步骤,包括:

4.根据权利要求3所述的方法,其特征在于,所述基于所述操作距离,执行所述目标处理函数以确定与所述操作距离对应的特征参数的步骤,包括:

5.根据权利要求1所述的方法,其特征在于,在所述确定浏览器页面中具有可编辑属性的至少一个元素的步骤之后,所述方法还包括:

6.根据权利要求1所述的方法,其特征在于,在所述基于所述样式类对应的编辑方式和用户编辑操作,对所述目标元素进行编辑的步骤之前...

【专利技术属性】
技术研发人员:殷海涛
申请(专利权)人:龙芯中科合肥技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1