网页组件编辑方法、装置、设备和计算机可读存储介质制造方法及图纸

技术编号:24454562 阅读:61 留言:0更新日期:2020-06-10 15:10
本发明专利技术公开了一种网页组件编辑方法、装置、设备和计算机可读存储介质,方法包括:当检测到网页中的第一组件被选中时,显示可选择与所述第一组件关联的待选组件,所述第一组件包括多个标签;检测到所述标签被选择时,显示标签编辑界面;检测关联组件被拖拽到所述标签编辑界面的预设区域时,将所述关联组件和所述标签的代码关联,所述关联组件来自所述待选组件。针对有不同标签的第一组件,在每个标签编辑时,显示独立的标签编辑界面,并允许用户以拖拽的方式进行标签和组件的关联,使得标签编辑更为方便、更加直观。

Editing methods, devices, devices and computer readable storage media of web components

【技术实现步骤摘要】
网页组件编辑方法、装置、设备和计算机可读存储介质
本专利技术涉及网页编辑
,尤其是涉及一种网页组件编辑方法、装置、设备和计算机可读存储介质。
技术介绍
随着互联网的高速发展,越来越多的用户需要更便捷的页面编辑器来帮助其快速的搭建生成各类页面。市场上开始出现针对营销活动、数据可视化、管理后台等的快速编辑生成工具,这类工具都基于定制化模板及标准组件,通过可视化的拖拽设计,可快速为用户构建生成页面。对类似Tab组件这种交互组件,需要关联控制其他组件,现有的Tab组件的编辑方法复杂,不够直观。
技术实现思路
本专利技术旨在至少解决现有技术中存在的技术问题之一。为此,本专利技术提出一种网页组件编辑方法,能够提高网页组件的编辑效率。本专利技术还提出一种网页组件编辑装置。本专利技术还提出一种网页组件编辑设备。本专利技术还提出了一种计算机可读存储介质。第一方面,本专利技术的一个实施例提供了一种网页组件编辑方法:当检测到网页中的第一组件被选中时,显示可选择与所述第一组件关联的待选组件,所述第一组件本文档来自技高网...

【技术保护点】
1.一种网页组件编辑方法,其特征在于,包括:/n当检测到网页中的第一组件被选中时,显示可选择与所述第一组件关联的待选组件,所述第一组件包括多个标签;/n检测到所述标签被选择时,显示标签编辑界面;/n检测关联组件被拖拽到所述标签编辑界面的预设区域时,将所述关联组件和所述标签的代码关联,所述关联组件来自所述待选组件。/n

【技术特征摘要】
1.一种网页组件编辑方法,其特征在于,包括:
当检测到网页中的第一组件被选中时,显示可选择与所述第一组件关联的待选组件,所述第一组件包括多个标签;
检测到所述标签被选择时,显示标签编辑界面;
检测关联组件被拖拽到所述标签编辑界面的预设区域时,将所述关联组件和所述标签的代码关联,所述关联组件来自所述待选组件。


2.根据权利要求1所述的一种网页组件编辑方法,其特征在于,当所述标签被选中时,所述关联组件显示于网页预设位置。


3.根据权利要求1所述的一种网页组件编辑方法,其特征在于,还包括关联组件编辑步骤,通过预设模板更改所述关联组件的属性。


4.根据权利要求3所述的一种网页组件编辑方法,其特征在于,所述属性包括所述关联组件的位置、大小、字体、颜色。


5.根据权利要求1所述的一种网页组件编辑方法,其特征在于,所述标签编辑界面包括预览按钮,<...

【专利技术属性】
技术研发人员:赵黎莉
申请(专利权)人:卓望数码技术深圳有限公司
类型:发明
国别省市:广东;44

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

1