[發明專利]一種基于富文本的節點截取方法、系統、設備和存儲介質

在審

• 申請號: 202110742641.4
• 申請日: 2021-07-01
• 公開（公告）號: CN113807050A
• 公開（公告）日: 2021-12-17
• 發明（設計）人: 周帥超
• 申請（專利權）人: 西安華訊科技有限責任公司
• 主分類號: G06F40/14
• 分類號: G06F40/14;G06F40/166
• 代理公司: 西安泛想力專利代理事務所(普通合伙) 61260
• 代理人: 李思源

1.一種基于富文本的節點截取方法，其特征在于，包括以下步驟：

步驟1：通過JavaScript獲取原始富文本的DOM節點；

步驟2：通過序列化DOM節點，生成對象樹；

步驟3：通過遞歸節點對象樹計算文本數量，遍歷節點對象樹數組；

步驟4：計數滿足預期的截取文本數量時，截取文本內容，跳出循環，截取剩下的DOM對象樹；

步驟5：將DOM對象樹反序列化成DOM節點，遍歷DOM對象樹；判斷DOM節點是否還有子節點，如果沒有，進行下一步，如果有重復以上過程，直到沒有子節點為止；

步驟6：調用DOM節點的innerHTML方法生成一個保留樣式的富文本；

步驟7：將保留樣式后的富文本上傳到服務器端；

步驟8：用戶端獲取富文本后直接設置DOM的innerHTML方法渲染即可完成精準截取。

2.根據權利要求1所述的一種基于富文本的節點截取方法，其特征在于，所述步驟2中，獲取到DOM節點后，遍歷查詢子節點，如果子節點是文本節點，則刪除特殊字符，如果子節點是普通節點，將節點屬性遍歷保存到對象屬性上，如果子節點還有子節點，重復以上過程，直到沒有子節點為止。

3.根據權利要求2所述的一種基于富文本的節點截取方法，其特征在于，所述步驟3中，如果是普通節點，查看有沒有子節點，如果有子節點，接著遍歷子節點直到沒有子節點為止，如果是文本節點，根據文本長度進行計數。

4.根據權利要求3所述的一種基于富文本的節點截取方法，其特征在于，所述步驟5中，如果子節點是文本節點，則創建文本節點，如果子節點是普通節點，則創建普通節點。

5.一種基于富文本的節點截取系統，其特征在于，包括：

節點獲取模塊，用于通過JavaScript獲取原始富文本的DOM節點；

對象數生成模塊，通過序列化DOM節點，生成對象樹；

文本數量計算模塊，通過遞歸節點對象樹計算文本數量，遍歷節點對象樹數組；

文本截取模塊，當計數滿足預期的截取文本數量時，用于截取文本內容，跳出循環，截取剩下的DOM對象樹；

DOM節點生成模塊，用于將DOM對象樹反序列化成DOM節點，遍歷DOM對象樹；

富文本生成模塊，調用DOM節點的innerHTML方法生成一個保留樣式的富文本；

上傳模塊，用于將保留樣式后的富文本上傳到服務器端；

渲染模塊，用于對用戶端獲取的富文本進行DOM的innerHTML方法渲染。

6.根據權利要求5所述的一種基于富文本的節點截取系統，其特征在于，所述對象數生成模塊，獲取到DOM節點后，遍歷查詢子節點，如果子節點是文本節點，則刪除特殊字符，如果子節點是普通節點，將節點屬性遍歷保存到對象屬性上，如果子節點還有子節點，重復以上過程，直到沒有子節點為止。

7.根據權利要求6所述的一種基于富文本的節點截取系統，其特征在于，所述文本數量計算模塊在計算節點對象樹數量時，如果是普通節點，查看有沒有子節點，如果有子節點，接著遍歷子節點直到沒有子節點為止，如果是文本節點，根據文本長度進行計數。

8.根據權利要求7所述的一種基于富文本的節點截取系統，其特征在于，所述DOM節點生成模塊在生成DOM節點時，如果子節點是文本節點，則創建文本節點，如果子節點是普通節點，則創建普通節點。

9.一種設備，其特征在于，包括處理器和存儲器，其中，所述存儲器存儲有程序代碼，當所述程序代碼被所述處理器執行時，使得所述處理器執行權利要求1～4中任一所述方法的步驟。

10.一種計算機可讀存儲介質，其特征在于，包括程序代碼，當所述程序產品在電子設備上運行時，所述程序代碼用于使所述電子設備執行權利要求1～4中任一所述方法的步驟。