[發明專利]一種流式文檔在線編輯方法

有效

• 申請號: 202111279355.5
• 申請日: 2021-11-01
• 公開（公告）號: CN113723064B
• 公開（公告）日: 2022-02-08
• 發明（設計）人: 許劍鋒
• 申請（專利權）人: 冠群信息技術（南京）有限公司
• 主分類號: G06F40/166
• 分類號: G06F40/166;G06F40/14;H04L67/565
• 代理公司: 重慶百潤洪知識產權代理有限公司 50219
• 代理人: 陳萬江

本發明涉及數據處理技術領域，尤其涉及一種流式文檔在線編輯方法；包括在線編輯和協同編輯兩種方式，在線編輯通過瀏覽器端打開流式文檔，具體是通過JavaScript直接對流式文檔進行格式轉化；再通過監聽光標變化和事件，操作虛擬dom樹，改變數據層，渲染真實dom樹；協同編輯具體在多個不同的瀏覽器端打開同一文檔并且同時連接websocket服務；編輯器監聽所有用戶的原子化操作，生成的相應的原子化操作數據；由websocket接收并廣播到所有的在線編輯的瀏覽器端。本發明有效的減少前后端之間的通信消耗，避免受到網絡環境的影響。

技術領域

本發明涉及數據處理技術領域，尤其涉及一種流式文檔在線編輯方法。

背景技術

流式文檔：指對文檔包含的文字、數字、表格和圖形圖像進行特定的版排方式處理，保存后的內容是原始的編輯元素，用戶通過閱讀軟件能查看到編輯后的排版風格，并且可以在不同的縮放比率間自適應版面大小顯示，如Word、WPS。在線編輯器：一種通過瀏覽器對文字、圖片等內容進行在線編輯修改的工具。一般所指的在線編輯器是指HTML編輯器。目前流式文檔在線編輯器主要是谷歌文檔和金山在線文檔。其它如騰訊文檔、飛書等在線編輯器更多的是一種富文本編輯器，對流式文檔的支持很有限。

現有的在線打開流式文檔的方式都會使用服務器端進行文件格式的轉化，然后前端調用后端api接口獲取轉化后的數據；這樣編輯時不僅必須有web服務支持，而且會受到網絡環境和服務器性能的影響。OT（Operation Transformation）算法，操作轉換算法，協同技術中用來保持不同的數據副本一致性的一種算法。在不同的終端，根據操作順序的不同，對操作進行調整，以保持數據一致性。本發明的協同編輯功能，是OT算法的一種實現方法，本質上就是把用戶的原子操作序列化后，然后操作虛擬dom樹，最終渲染到瀏覽器端。所以，傳統的方法都具有被網絡連接影響概率大的弊端。

發明內容

有鑒于此，本發明的目的是提供一種流式文檔在線編輯方法，包括在線編輯和協同編輯兩種方式，所述的在線編輯具體按以下步驟執行：

S₁:通過瀏覽器端打開流式文檔，具體是通過JavaScript直接對流式文檔進行格式轉化；省略了發送給后端服務器再從服務器獲取轉化后的格式的數據這樣的中間環節。這樣能有效的減少前后端之間的通信消耗，避免受到網絡環境的影響，提高應用打開的速度和安全性，同時保證在線編輯與后端的有效分離，實現了解耦。

S₂:通過監聽光標變化和事件，操作虛擬dom樹，改變數據層，渲染真實dom樹；從而實現改變文檔內容的目的。

所述的協同編輯具體按以下步驟執行：

1):在多個不同的瀏覽器端打開同一文檔并且同時連接websocket服務；

2):編輯器會監聽所有用戶的原子化操作，具體是利用OT算法，通過監聽事件，獲取用戶的原子化操作生成的相應的原子化操作數據；首先設置A操作端是授權用戶，進行編輯操作，并監聽所有用戶的原子化操作，生成原子化操作數據；其它瀏覽器接收websocket傳輸的原子化操作數據；

3):由websocket接收并廣播到所有的在線編輯的瀏覽器端；

4):服務器端接收原子操作數據時，存儲到對應的數據庫中；

5):所有在線編輯瀏覽端均通過websocket接口同步接收原子操作數據；

6):根據原子操作數據操作虛擬dom樹，本地自動將原子化操作數據通過數組的方式進行序列化存儲處理，再和服務器端的數據進行比對；以保證多個瀏覽器端文檔內容的一致性。

7):將虛擬dom樹渲染成真實dom樹。

進一步，在步驟S₁中，具體按以下步驟執行：