网页编辑方法、编辑器构建方法、装置及电子设备制造方法及图纸

本发明专利技术提供一种网页编辑方法、编辑器构建方法、装置及电子设备。该方法应用于电子设备，该方法通过接收用于对HTML页面进行编辑操作的编辑指令；基于与编辑指令对应的控件响应编辑指令，以对HTML页面进行相应的编辑操作。因为电子设备预先安装有或者存在网页版编辑器，其中，编辑器包括用于表格嵌套的第一控件、用于元素分组的第二控件、用于加载等待动画的第三控件、用于容器量大小更改的第四控件、用于元素固定的第五控件、用于元素移动的第六控件、用于元素信息更改的第七控件、用于元素布局切换的第八控件中的至少一种控件，能够丰富控件功能，所以能够改善现有技术中因制作的网页功能受限较大而不利于制作复杂网页的技术问题。

【技术实现步骤摘要】
网页编辑方法、编辑器构建方法、装置及电子设备
本专利技术涉及网页编辑
，具体而言，涉及一种网页编辑方法、编辑器构建方法、装置及电子设备。
技术介绍
随着信息技术的不断发展，出现了各式各样的网站，这也意味着对网站的开发量越来越大。目前已有的技术有BootStrap前端可视化布局编辑器，BootStrap是一个用于快速开发Web应用程序和网站的前端框架，提供了一个带有网格系统、链接样式、背景的基本结构，Bootstrap是前端组件库，用于开发响应式布局、移动设备优先的WEB项目。Bootstrap是一套用于HTML、CSS和JS开发的开源工具集。利用提供的Sass变量和大量mixin、响应式栅格系统、可扩展的预制组件、基于jQuery的插件系统，能够快速开发出原型或者构建整个应用程序(APP)。当前BootStrap存在一些缺陷，使得制作的网页功能受限较大，从而不利于制作复杂网页。
技术实现思路
为了克服上述现有技术中的不足，本专利技术提供一种网页编辑方法、编辑器构建方法、装置及电子设备。为了实现上述目的，本专利技术实施例所提供的技术方案如下所示：第一方面，本专利技术实施例提供一种网页编辑方法，应用于电子设备，所述电子设备预先安装有或存在编辑器，其中，所述编辑器包括用于表格嵌套的第一控件、用于元素分组的第二控件、用于加载等待动画的第三控件、用于容器量更改的第四控件、用于元素固定的第五控件、用于元素移动的第六控件、用于元素信息更改的第七控件、用于元素布局切换的第八控件中的至少一种控件，所述方法包括：接收用于对HTML页面进行编辑操作的编辑指令；基于与所述编辑指令对应的控件响应所述编辑指令，以对所述HTML页面进行相应的编辑操作。可选地，上述基于与所述编辑指令对应的控件响应所述编辑指令，以对所述HTML页面进行相应的编辑操作，包括：在所述编辑指令为第一指令时，所述第一控件根据所述第一指令在所述HTML页面中将预嵌套的对象嵌入的表格中，以完成表格嵌套的编辑操作；在所述编辑指令为第二指令时，所述第二控件根据所述第二指令在所述HTML页面中基于表单中的元素的属性对所述元素分组，以完成所述表单中的所述元素分组的编辑操作；在所述编辑指令为第三指令时，所述第三控件根据所述第三指令在所述HTML页面中加载预加载的动画文件，以完成加载等待动画的编辑操作；在所述编辑指令为第四指令时，所述第四控件根据所述第四指令在所述HTML页面中调整页面容器的宽度和/或高度，以完成所述容器量更改的编辑操作；在所述编辑指令为第五指令时，所述第五控件根据所述第五指令在所述HTML页面中固定与所述元素对应的菜单窗口的位置，以完成所述元素固定的编辑操作；在所述编辑指令为第六指令时，所述第六控件根据所述第六指令在所述HTML页面中对待移动元素的位置进行调整，以完成所述元素移动的编辑操作；在所述编辑指令为第七指令时，所述第七控件根据所述第七指令在所述HTML页面中的待更改元素的信息按照预设策略进行更改，以完成所述元素信息更改的编辑操作，其中，所述元素信息包括尺寸大小、颜色、背景图片中的至少一项；在所述编辑指令为第八指令时，所述第八控件根据所述第八指令在所述HTML页面中对预设的元素布局模式进行切换，以完成所述元素布局切换的编辑操作。可选地，上述第四控件根据所述第四指令在所述HTML页面中调整页面容器的宽度和/或高度，以完成所述容器量更改的编辑操作，包括：所述第四控件根据监听的网页的移动方向调整所述页面容器的宽度和/或高度。可选地，上述布局模式包括第一布局模式及第二布局模式，所述第八控件根据所述第八指令在所述HTML页面中对预设的元素布局模式进行切换，以完成所述元素布局切换的编辑操作，包括：所述第八控件根据所述第八指令在所述HTML页面中将当前的所述第一布局模式切换为所述第二布局模式。可选地，上述在接收用于对HTML页面进行编辑操作的编辑指令之前，所述方法还包括：根据所述第一控件、所述第二控件、所述第三控件、所述第四控件、所述第五控件、所述第六控件、所述第七控件、所述第八控件中的至少一种控件构建编辑器。第二方面，本专利技术实施例还提供一种编辑器构建方法，用于构建上述方法中的编辑器，所述方法包括：根据预设构建规则构建用于表格嵌套的第一控件、用于元素分组的第二控件、用于加载等待动画的第三控件、用于容器量更改的第四控件、用于元素固定的第五控件、用于元素移动的第六控件、用于元素信息更改的第七控件、用于元素布局切换的第八控件中的至少一种控件；将所述第一控件、所述第二控件、所述第三控件、所述第四控件、所述第五控件、所述第六控件、所述第七控件、所述第八控件中的至少一种控件加载到预设的编辑配置文件中形成编辑器。第三方面，本专利技术实施例还提供一种网页编辑装置，应用于电子设备，所述电子设备预先安装有或存在编辑器，其中，所述编辑器包括用于表格嵌套的第一控件、用于元素分组的第二控件、用于加载等待动画的第三控件、用于容器量更改的第四控件、用于元素固定的第五控件、用于元素移动的第六控件、用于元素信息更改的第七控件、用于元素布局切换的第八控件中的至少一种控件，所述装置包括：接收单元，用于接收用于对HTML页面进行编辑操作的编辑指令；编辑单元，用于基于与所述编辑指令对应的控件响应所述编辑指令，以对所述HTML页面进行相应的编辑操作。可选地，上述编辑单元还用于：在所述编辑指令为第一指令时，根据所述第一指令在所述HTML页面中将预嵌套的对象嵌入的表格中，以完成表格嵌套的编辑操作；在所述编辑指令为第二指令时，根据所述第二指令在所述HTML页面中基于表单中的元素的属性对所述元素分组，以完成所述表单中的所述元素分组的编辑操作；在所述编辑指令为第三指令时，根据所述第三指令在所述HTML页面中加载预加载的动画文件，以完成加载等待动画的编辑操作；在所述编辑指令为第四指令时，根据所述第四指令在所述HTML页面中调整页面容器的宽度和/或高度，以完成所述容器量更改的编辑操作；在所述编辑指令为第五指令时，根据所述第五指令在所述HTML页面中固定与所述元素对应的菜单窗口的位置，以完成所述元素固定的编辑操作；在所述编辑指令为第六指令时，根据所述第六指令在所述HTML页面中对待移动元素的位置进行调整，以完成所述元素移动的编辑操作；在所述编辑指令为第七指令时，根据所述第七指令在所述HTML页面中的待更改元素的信息按照预设策略进行更改，以完成所述元素信息更改的编辑操作，其中，所述元素信息包括尺寸大小、颜色、背景图片中的至少一项；在所述编辑指令为第八指令时，根据所述第八指令在所述HTML页面中对预设的元素布局模式进行切换，以完成所述元素布局切换的编辑操作。第四方面，本专利技术实施例还提供一种电子设备，所述电子设备包括：存储模块；处理模块；及网页编辑装置，包括一个或多个存储于所述存储模块中并由所述处理模块执行的软件功能模块，其中，所述存储模块存储有编辑器，所述编辑器包括用于表格嵌套的第一控件、用于元素分组的第二控件、用于加载等待动画的第三控件、用于容器量更改的第四控件、用于元素固定的第五控件、用于元素移动的第六控件、用于元素信息更改的第七控件、用于元素布局切换的第八控件中的至少一种控件，所述网页编辑装置包括：接收单元，用于接收用于对H本文档来自技高网...

【技术保护点】
1.一种网页编辑方法，其特征在于，应用于电子设备，所述电子设备预先安装有或者存在编辑器，其中，所述编辑器包括用于表格嵌套的第一控件、用于元素分组的第二控件、用于加载等待动画的第三控件、用于容器量更改的第四控件、用于元素固定的第五控件、用于元素移动的第六控件、用于元素信息更改的第七控件、用于元素布局切换的第八控件中的至少一种控件，所述方法包括：接收用于对HTML页面进行编辑操作的编辑指令；基于与所述编辑指令对应的控件响应所述编辑指令，以对所述HTML页面进行相应的编辑操作。

【技术特征摘要】
1.一种网页编辑方法，其特征在于，应用于电子设备，所述电子设备预先安装有或者存在编辑器，其中，所述编辑器包括用于表格嵌套的第一控件、用于元素分组的第二控件、用于加载等待动画的第三控件、用于容器量更改的第四控件、用于元素固定的第五控件、用于元素移动的第六控件、用于元素信息更改的第七控件、用于元素布局切换的第八控件中的至少一种控件，所述方法包括：接收用于对HTML页面进行编辑操作的编辑指令；基于与所述编辑指令对应的控件响应所述编辑指令，以对所述HTML页面进行相应的编辑操作。2.根据权利要求1所述的方法，其特征在于，基于与所述编辑指令对应的控件响应所述编辑指令，以对所述HTML页面进行相应的编辑操作，包括：在所述编辑指令为第一指令时，所述第一控件根据所述第一指令在所述HTML页面中将预嵌套的对象嵌入的表格中，以完成表格嵌套的编辑操作；在所述编辑指令为第二指令时，所述第二控件根据所述第二指令在所述HTML页面中基于表单中的元素的属性对所述元素分组，以完成所述表单中的所述元素分组的编辑操作；在所述编辑指令为第三指令时，所述第三控件根据所述第三指令在所述HTML页面中加载预加载的动画文件，以完成加载等待动画的编辑操作；在所述编辑指令为第四指令时，所述第四控件根据所述第四指令在所述HTML页面中调整页面容器的宽度和/或高度，以完成所述容器量更改的编辑操作；在所述编辑指令为第五指令时，所述第五控件根据所述第五指令在所述HTML页面中固定与所述元素对应的菜单窗口的位置，以完成所述元素固定的编辑操作；在所述编辑指令为第六指令时，所述第六控件根据所述第六指令在所述HTML页面中对待移动元素的位置进行调整，以完成所述元素移动的编辑操作；在所述编辑指令为第七指令时，所述第七控件根据所述第七指令在所述HTML页面中的待更改元素的信息按照预设策略进行更改，以完成所述元素信息更改的编辑操作，其中，所述元素信息包括尺寸大小、颜色、背景图片中的至少一项；在所述编辑指令为第八指令时，所述第八控件根据所述第八指令在所述HTML页面中对预设的元素布局模式进行切换，以完成所述元素布局切换的编辑操作。3.根据权利要求2所述的方法，其特征在于，所述第四控件根据所述第四指令在所述HTML页面中调整页面容器的宽度和/或高度，以完成所述容器量更改的编辑操作，包括：所述第四控件根据监听的网页的移动方向调整所述页面容器的宽度和/或高度。4.根据权利要求2所述的方法，其特征在于，所述布局模式包括第一布局模式及第二布局模式，所述第八控件根据所述第八指令在所述HTML页面中对预设的元素布局模式进行切换，以完成所述元素布局切换的编辑操作，包括：所述第八控件根据所述第八指令在所述HTML页面中将当前的所述第一布局模式切换为所述第二布局模式。5.根据权利要求1所述的方法，其特征在于，在接收用于对HTML页面进行编辑操作的编辑指令之前，所述方法还包括：根据所述第一控件、所述第二控件、所述第三控件、所述第四控件、所述第五控件、所述第六控件、所述第七控件、所述第八控件中的至少一种控件构建编辑器。6.一种编辑器构建方法，其特征在于，用于构建如权利要求1-5中任一项所述方法中的编辑器，所述方法包括：根据预设构建规则构建用于表格嵌套的第一控件、用于元素分组的第二控件、用于加载等待动...

【专利技术属性】
技术研发人员：燕智鹏，张明凯，李坤，程乐芬，李好忠，
申请(专利权)人：河南思维轨道交通技术研究院有限公司，
类型：发明
国别省市：河南,41