[發明專利]一種基于Slate的編輯器塊級光標定位方法

在審

• 申請號: 202110496141.7
• 申請日: 2021-05-07
• 公開（公告）號: CN113485691A
• 公開（公告）日: 2021-10-08
• 發明（設計）人: 楊振興
• 申請（專利權）人: 北京易成時代科技有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F3/0484
• 代理公司: 東莞市卓易專利代理事務所(普通合伙) 44777
• 代理人: 林霞

1.一種基于Slate的編輯器塊級光標定位方法，其特征在于，所述基于Slate的編輯器塊級光標定位方法包括如下步驟：

S1，元素光標支持，根據實際需要，通過配置參數來設置指定元素可以具有前后光標；

S2，渲染Block-Card組件

(1)渲染插件組件；

(2)判斷組件上的isBlockCard的布爾值，進而判斷是否需要支持塊級光標，支持則下一步，不支持則返回；

(3)渲染塊級光標組件；

(4)將插件組件渲染的結果添加到Block-Card組件容器中；

S3，Slate選區兼容，在所述Block-Card組件觸發聚焦事件時，通過對Block-Card組件屬性狀態的查詢來讓此焦點更改為非受控選區，進而避免Slate定位機制的同步異常；

S4，攔截處理，對用戶的交互行為進行分類，若用戶操作為回車、刪除和移動光標的話，則進行交互處理，若用戶操作為中文或英文輸入的話，則進行輸入處理。

2.根據權利要求1所述的一種基于Slate的編輯器塊級光標定位方法，其特征在于：在S4中，所述回車的觸發事件為Enter，所述刪除的觸發事件為Delete，所述移動光標的觸發事件包括Arrow-Left、Arrow-Right、Arrow-Top和Arrow-Bottom。

3.根據權利要求1所述的一種基于Slate的編輯器塊級光標定位方法，其特征在于：在S4中，所述交互處理具體為，重寫擴展鉤子函數來對回車、刪除和移動光標進行處理。

4.根據權利要求1所述的一種基于Slate的編輯器塊級光標定位方法，其特征在于：在S4中，所述輸入處理包括中文處理和英文處理。

5.根據權利要求4所述的一種基于Slate的編輯器塊級光標定位方法，其特征在于：所述中文處理具體為，首先監聽compositionstart事件，在compositionstart事件觸發后，執行回調函數，回調函數對光標是否是塊級光標進行判斷，若布爾值為真，則移動Slate選區到指定的位置，隨后強制驅動DOM選區更新。

6.根據權利要求4所述的一種基于Slate的編輯器塊級光標定位方法，其特征在于：所述英文處理具體為，首先阻止瀏覽器默認插入行為，再對英文進行插入。