[發明專利]網頁編輯方法、編輯器構建方法、裝置及電子設備

在審

• 申請號: 201811426712.4
• 申請日: 2018-11-27
• 公開（公告）號: CN109522508A
• 公開（公告）日: 2019-03-26
• 發明（設計）人: 燕智鵬;張明凱;李坤;程樂芬;李好忠
• 申請（專利權）人: 河南思維軌道交通技術研究院有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958
• 代理公司: 北京超凡志成知識產權代理事務所(普通合伙) 11371
• 代理人: 鄧超

本發明提供一種網頁編輯方法、編輯器構建方法、裝置及電子設備。該方法應用于電子設備，該方法通過接收用于對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頁面中對待移動元素的位置進行調整，以完成所述元素移動的編輯操作；