[發明專利]一種頁面可視化編輯方法、裝置及設備

在審

• 申請號: 202010919115.6
• 申請日: 2020-09-04
• 公開（公告）號: CN112000328A
• 公開（公告）日: 2020-11-27
• 發明（設計）人: 李宇翔;蔡羽;余雄偉
• 申請（專利權）人: 贊同科技股份有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F8/33
• 代理公司: 北京尚鉞知識產權代理事務所(普通合伙) 11723
• 代理人: 王海榮

1.一種頁面可視化編輯方法，其特征在于，所述方法包括：

接收針對目標頁面的編輯指令；其中，所述目標頁面包括若干類型容器，所述編輯指令包括目標編輯類型以及目標組件；

根據所述目標組件在所述目標頁面中對應的目標編輯位置，確定所述目標組件對應的目標容器；

根據所述目標編輯類型、所述目標容器和所述目標組件，在所述目標頁面中對所述目標組件進行編輯。

2.根據權利要求1所述的方法，其特征在于，所述目標編輯類型為創建組件類型；

根據所述目標組件在所述目標頁面中對應的目標編輯位置，確定所述目標組件對應的目標容器，包括：

確定所述目標組件在所述目標頁面中的目標編輯位置；

若所述目標編輯位置位于所述目標頁面的一容器中，則將該容器作為所述目標組件對應的目標容器；

相應地，所述根據所述目標編輯類型、所述目標容器和所述目標組件，在所述目標頁面中對所述目標組件進行編輯，包括：

根據所述創建組件類型，在所述目標容器中的所述目標編輯位置，創建所述目標組件，并顯示所述目標組件。

3.根據權利要求2所述的方法，其特征在于，所述若所述目標編輯位置位于所述目標頁面的一容器中，則將該容器作為所述目標組件對應的目標容器，包括：

若所述目標編輯位置位于所述目標頁面的自由容器中，則將該自由容器作為所述目標組件對應的目標容器。

4.根據權利要求3所述的方法，其特征在于，在所述根據所述目標組件在所述目標頁面中對應的編輯位置，確定所述目標組件對應的目標容器之前，所述方法還包括：

響應于針對自由容器的第一預設操作，將所述目標頁面的編輯狀態切換至自由布局狀態；

其中，所述自由布局狀態為所述目標頁面中的自由容器為可編輯狀態，所述目標頁面中除自由容器以外的類型的容器為不可編輯狀態。

5.根據權利要求2所述的方法，其特征在于，所述若所述目標編輯位置位于所述目標頁面的一容器中，則將該容器作為所述目標組件對應的目標容器，包括：

若所述目標編輯位置位于所述目標頁面的一格柵容器中，則將該格柵容器作為所述目標組件對應的目標容器；

相應地，所述根據所述目標編輯類型、所述目標容器和所述目標組件，在所述目標頁面中對所述目標組件進行編輯，包括：

根據所述創建組件類型、所述目標容器中的格柵布局方式以及所述目標組件對應的目標編輯位置，在所述目標容器中創建所述目標組件，并顯示所述目標組件。

6.根據權利要求5所述的方法，其特征在于，所述根據所述創建組件類型、所述目標容器中的格柵布局方式以及所述目標組件對應的目標編輯位置，在所述目標容器中創建所述目標組件，并顯示所述目標組件，包括：

若所述目標編輯位置位于所述格柵容器中的一格柵容器內，則根據該格柵容器的格柵內容類型，確定目標格柵容器，以及在所述目標格柵容器中創建所述目標組件，并顯示所述目標組件；

若所述目標編輯位置并未位于所述格柵容器中的任一格柵容器內，則根據所述格柵容器的格柵布局方式，確定目標格柵容器，以及在所述目標格柵容器中創建所述目標組件，并顯示所述目標組件。

7.根據權利要求6所述的方法，其特征在于，格柵內容類型包括空白格柵和非空白格柵；所述若所述目標編輯位置位于所述格柵容器中的一格柵容器內，則根據該格柵容器的格柵內容類型，確定目標格柵容器，以及在所述目標格柵容器中創建所述目標組件，并顯示所述目標組件，包括：

若所述目標編輯位置位于所述格柵容器中的一格柵容器內，且該格柵容器為空白格柵容器，則將該格柵容器作為目標格柵，以及在所述目標格柵容器中創建所述目標組件，并顯示所述目標組件；

若所述目標編輯位置位于所述格柵容器中的一格柵容器內，且該格柵容器為非空白格柵容器，則確定所述格柵容器內的目標格柵容器，以及，在所述目標格柵容器中創建所述目標組件，并顯示所述目標組件；其中，所述目標格柵容器為所述格柵容器內與所述目標編輯位置的距離最小的空白格柵容器。