[发明专利]添加页面批注的处理方法和装置

说明书

本申请涉及一种添加页面批注的处理方法和装置，其中，该方法包括：在检测到用户在页面中选择文本时，获取所选择的文本在所述页面中的位置信息；在所述页面中弹出批注提示浮层；若所述用户确认为所述所选择的文本添加批注，则弹出批注内容输入框；获取用户在所述批注内容输入框中输入的批注数据；将所述所选择的文本在所述页面中的位置信息以及所述批注数据对应存储在后端服务器中。通过本申请，解决了相关技术中添加页面批注后端需要保存整个页面的HTML文本导致请求时间长、加载速度慢的问题，实现了缩短请求时间、加快加载缩短的技术效果。

本申请是名称为“添加页面批注的处理方法和装置”、申请日为2020年11月27日、申请号为202011364227.6的发明专利申请的分案申请。

技术领域

本申请涉及计算机技术领域，特别是涉及添加页面批注的处理方法、装置、计算机设备和计算机可读存储介质。

背景技术

目前现有的添加页面批注的技术，例如WIKI、Notion、石墨文档等产品都是通过如下过程所示的方案实现的，具体包括：

1.用户选中一段文本后，弹出一个浮层，提示用户是否执行添加批注功能。

2.当用户点击添加批注功能，将对应的文本用一个新的包含自定义批注类名的HTML Element(这里大多数会用span Element)包裹住，并弹出一个批注输入弹框，用户完成输入并提交后，将整段富文本传递后端保存于数据库中。

3.用户再次或刷新打开页面，会从后端拉取包含批注Element的富文本内容，并对有批注类名的HTML Element应用一个被选中的样式并添加一个click事件，点击该HTMLElement打开对应的批注内容弹框。

4.用户可以点击批注内容弹框的删除按钮删除批注内容，同时会将对应的HTML批注Element删除，点击保存将该段富文本传递后端保存。

上述方案存在以下缺陷：

1.通用性太低，现有技术的批注数据与状态的存储必须是HTML文本，这导致该技术必须在富文本编辑的场景下使用(例如一些在线编辑文档的网站)。而当前的页面大多是组件化富应用开发(例如管理后台，表单的输入)，在这些场景下是无法使用该技术的。

2.数据体积太大，保存给后端数据都是当前整个页面的HTML文本，所以数据体积非常大，这会导致请求时间长，加载速度慢。

3.数据耦合性太高，由于需要整体当成HTML文本，批注的数据也会混合其中，数据没有隔离。

目前针对相关技术中添加页面批注后端需要保存整个页面的HTML文本导致请求时间长、加载速度慢的问题，尚未提出有效的解决方案。

发明内容

本申请实施例提供了一种添加页面批注的处理方法、装置、计算机设备和计算机可读存储介质，以至少解决相关技术中添加页面批注后端需要保存整个页面的HTML文本导致请求时间长、加载速度慢的问题。

第一方面，本申请实施例提供了一种添加页面批注的处理方法，包括：

在检测到用户在页面中选择文本时，获取所选择的文本在所述页面中的位置信息；

在所述页面中弹出批注提示浮层；

若所述用户确认为所述所选择的文本添加批注，则弹出批注内容输入框；

获取用户在所述批注内容输入框中输入的批注数据；

将所述所选择的文本在所述页面中的位置信息以及所述批注数据对应存储在后端服务器中。

在其中一些实施例中，在检测到用户在页面中选择文本时，在获取所选择的文本在所述页面中的位置信息之前，所述方法还包括；