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

有效

• 申請(qǐng)?zhí)枺?/td>: 202111279355.5
• 申請(qǐng)日: 2021-11-01
• 公開（公告）號(hào): CN113723064B
• 公開（公告）日: 2022-02-08
• 發(fā)明（設(shè)計(jì)）人: 許劍鋒
• 申請(qǐng)（專利權(quán)）人: 冠群信息技術(shù)（南京）有限公司
• 主分類號(hào): G06F40/166
• 分類號(hào): G06F40/166;G06F40/14;H04L67/565
• 代理公司: 重慶百潤(rùn)洪知識(shí)產(chǎn)權(quán)代理有限公司 50219
• 代理人: 陳萬江

1.一種流式文檔在線編輯方法，其特征在于：包括在線編輯和協(xié)同編輯兩種方式，所述的在線編輯具體按以下步驟執(zhí)行：

S₁:通過瀏覽器端打開流式文檔，具體是通過JavaScript直接對(duì)流式文檔進(jìn)行格式轉(zhuǎn)化；

S_1.1:調(diào)用前端壓縮解壓的類庫JSZip，將流式文檔轉(zhuǎn)化為JSZip對(duì)象；

S_1.2:按照流式文檔的標(biāo)準(zhǔn)定義，構(gòu)建核心類庫，將json格式的數(shù)據(jù)層轉(zhuǎn)化利于瀏覽器渲染的虛擬dom樹；

S₂:通過監(jiān)聽光標(biāo)變化和事件，操作虛擬dom樹，改變數(shù)據(jù)層，渲染真實(shí)dom樹；

所述的協(xié)同編輯具體按以下步驟執(zhí)行：

1):在多個(gè)不同的瀏覽器端打開同一文檔并且同時(shí)連接websocket服務(wù)；

2):編輯器會(huì)監(jiān)聽所有用戶的原子化操作，生成的相應(yīng)的原子化操作數(shù)據(jù)；

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

4):服務(wù)器端接收原子操作數(shù)據(jù)時(shí)，存儲(chǔ)到對(duì)應(yīng)的數(shù)據(jù)庫中；

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

6):根據(jù)原子操作數(shù)據(jù)操作虛擬dom樹，本地自動(dòng)將原子化操作數(shù)據(jù)通過數(shù)組的方式進(jìn)行序列化存儲(chǔ)處理，再和服務(wù)器端的數(shù)據(jù)進(jìn)行比對(duì)；

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

2.根據(jù)權(quán)利要求1所述的一種流式文檔在線編輯方法，其特征在于：在步驟2)-步驟7)中，首先設(shè)置A操作端是授權(quán)用戶，進(jìn)行編輯操作，并監(jiān)聽所有用戶的原子化操作，生成原子化操作數(shù)據(jù)；其它瀏覽器接收websocket傳輸?shù)脑踊僮鲾?shù)據(jù)。

3.根據(jù)權(quán)利要求1所述的一種流式文檔在線編輯方法，其特征在于：在步驟2)中，原子化操作數(shù)據(jù)包括自增操作序號(hào)，操作類型，對(duì)象路徑，開始位置，結(jié)束位置和操作內(nèi)容；編輯器自身自動(dòng)緩存最后一次操作序號(hào)；

2_.1)：編輯器首先判斷接收到的操作序號(hào)是否為本地緩存的操作序號(hào)的自增序號(hào)；如果是，則根據(jù)對(duì)象路徑在虛擬dom樹上的對(duì)應(yīng)節(jié)點(diǎn)，接著根據(jù)操作類型調(diào)用對(duì)應(yīng)的操作方法，然后依據(jù)開始位置和結(jié)束位置和操作內(nèi)容對(duì)虛擬dom樹的節(jié)點(diǎn)進(jìn)行操作；

2_.2)：服務(wù)器端在websocket接收原子化操作數(shù)據(jù)存儲(chǔ)到數(shù)據(jù)庫，同時(shí)瀏覽器端在websocket接收原子化操作數(shù)據(jù)后，存儲(chǔ)在本地，以數(shù)組的方式進(jìn)行序列化；

2_.3)：當(dāng)發(fā)現(xiàn)操作序號(hào)不是自增時(shí)，調(diào)用api接口，接收到服務(wù)器端的原子化操作數(shù)據(jù)，與本地的原子化操作數(shù)組進(jìn)行比較，按照diff算法進(jìn)行整合，然后進(jìn)行transform操作。

4.根據(jù)權(quán)利要求1所述的一種流式文檔在線編輯方法，其特征在于：所述的協(xié)同編輯在步驟2)中利用OT算法，通過監(jiān)聽事件，獲取用戶的原子化操作。