[發(fā)明專利]添加頁(yè)面批注的處理方法和裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 202011364227.6
• 申請(qǐng)日: 2020-11-27
• 公開(kāi)（公告）號(hào): CN112417829B
• 公開(kāi)（公告）日: 2022-03-11
• 發(fā)明（設(shè)計(jì)）人: 陶旭生
• 申請(qǐng)（專利權(quán)）人: 上海妙一生物科技有限公司
• 主分類號(hào): G06F40/169
• 分類號(hào): G06F40/169;G06F16/31;G06F16/38;G06F16/957;G06F9/54
• 代理公司: 上海領(lǐng)譽(yù)知識(shí)產(chǎn)權(quán)代理有限公司 31383
• 代理人: 王琰

本申請(qǐng)涉及一種添加頁(yè)面批注的處理方法和裝置，其中，該方法包括：在檢測(cè)到用戶在頁(yè)面中選擇文本時(shí)，獲取所選擇的文本在所述頁(yè)面中的位置信息；在所述頁(yè)面中彈出批注提示浮層；若所述用戶確認(rèn)為所述所選擇的文本添加批注，則彈出批注內(nèi)容輸入框；獲取用戶在所述批注內(nèi)容輸入框中輸入的批注數(shù)據(jù)；將所述所選擇的文本在所述頁(yè)面中的位置信息以及所述批注數(shù)據(jù)對(duì)應(yīng)存儲(chǔ)在后端服務(wù)器中。通過(guò)本申請(qǐng)，解決了相關(guān)技術(shù)中添加頁(yè)面批注后端需要保存整個(gè)頁(yè)面的HTML文本導(dǎo)致請(qǐng)求時(shí)間長(zhǎng)、加載速度慢的問(wèn)題，實(shí)現(xiàn)了縮短請(qǐng)求時(shí)間、加快加載縮短的技術(shù)效果。

技術(shù)領(lǐng)域

本申請(qǐng)涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別是涉及添加頁(yè)面批注的處理方法、裝置、計(jì)算機(jī)設(shè)備和計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)。

背景技術(shù)

目前現(xiàn)有的添加頁(yè)面批注的技術(shù)，例如WIKI、Notion、石墨文檔等產(chǎn)品都是通過(guò)如下過(guò)程所示的方案實(shí)現(xiàn)的，具體包括：

1.用戶選中一段文本后，彈出一個(gè)浮層，提示用戶是否執(zhí)行添加批注功能。

2.當(dāng)用戶點(diǎn)擊添加批注功能，將對(duì)應(yīng)的文本用一個(gè)新的包含自定義批注類名的HTML Element(這里大多數(shù)會(huì)用span Element)包裹住，并彈出一個(gè)批注輸入彈框，用戶完成輸入并提交后，將整段富文本傳遞后端保存于數(shù)據(jù)庫(kù)中。

3.用戶再次或刷新打開(kāi)頁(yè)面，會(huì)從后端拉取包含批注Element的富文本內(nèi)容，并對(duì)有批注類名的HTML Element應(yīng)用一個(gè)被選中的樣式并添加一個(gè)click事件，點(diǎn)擊該HTMLElement打開(kāi)對(duì)應(yīng)的批注內(nèi)容彈框。

4.用戶可以點(diǎn)擊批注內(nèi)容彈框的刪除按鈕刪除批注內(nèi)容，同時(shí)會(huì)將對(duì)應(yīng)的HTML批注Element刪除，點(diǎn)擊保存將該段富文本傳遞后端保存。

上述方案存在以下缺陷：

1.通用性太低，現(xiàn)有技術(shù)的批注數(shù)據(jù)與狀態(tài)的存儲(chǔ)必須是HTML文本，這導(dǎo)致該技術(shù)必須在富文本編輯的場(chǎng)景下使用(例如一些在線編輯文檔的網(wǎng)站)。而當(dāng)前的頁(yè)面大多是組件化富應(yīng)用開(kāi)發(fā)(例如管理后臺(tái)，表單的輸入)，在這些場(chǎng)景下是無(wú)法使用該技術(shù)的。

2.數(shù)據(jù)體積太大，保存給后端數(shù)據(jù)都是當(dāng)前整個(gè)頁(yè)面的HTML文本，所以數(shù)據(jù)體積非常大，這會(huì)導(dǎo)致請(qǐng)求時(shí)間長(zhǎng)，加載速度慢。

3.數(shù)據(jù)耦合性太高，由于需要整體當(dāng)成HTML文本，批注的數(shù)據(jù)也會(huì)混合其中，數(shù)據(jù)沒(méi)有隔離。

目前針對(duì)相關(guān)技術(shù)中添加頁(yè)面批注后端需要保存整個(gè)頁(yè)面的HTML文本導(dǎo)致請(qǐng)求時(shí)間長(zhǎng)、加載速度慢的問(wèn)題，尚未提出有效的解決方案。

發(fā)明內(nèi)容

本申請(qǐng)實(shí)施例提供了一種添加頁(yè)面批注的處理方法、裝置、計(jì)算機(jī)設(shè)備和計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，以至少解決相關(guān)技術(shù)中添加頁(yè)面批注后端需要保存整個(gè)頁(yè)面的HTML文本導(dǎo)致請(qǐng)求時(shí)間長(zhǎng)、加載速度慢的問(wèn)題。

第一方面，本申請(qǐng)實(shí)施例提供了一種添加頁(yè)面批注的處理方法，包括：

在檢測(cè)到用戶在頁(yè)面中選擇文本時(shí)，獲取所選擇的文本在所述頁(yè)面中的位置信息；

在所述頁(yè)面中彈出批注提示浮層；

若所述用戶確認(rèn)為所述所選擇的文本添加批注，則彈出批注內(nèi)容輸入框；

獲取用戶在所述批注內(nèi)容輸入框中輸入的批注數(shù)據(jù)；

將所述所選擇的文本在所述頁(yè)面中的位置信息以及所述批注數(shù)據(jù)對(duì)應(yīng)存儲(chǔ)在后端服務(wù)器中。

在其中一些實(shí)施例中，在檢測(cè)到用戶在頁(yè)面中選擇文本時(shí)，在獲取所選擇的文本在所述頁(yè)面中的位置信息之前，所述方法還包括；

獲取所述所選擇的文本以及所述所選擇的文本對(duì)應(yīng)的父節(jié)點(diǎn)；