[发明专利]一种扩展富文本编辑器功能的方法及装置

说明书

本申请公开了一种扩展富文本编辑器功能的方法及装置。基于Porsemirror富文本编辑器，通过解析Node节点标题数据，将获取的id、文本内容添加到结果中得到大纲数据，从而新增了大纲视图功能；通过新增更多操作栏，依据相应的表结构schema新增Node节点，实现了多格式文件的上传；通过构建好的扩展，支持图床、图片预览和操作等功能。本申请所述方法扩展了富文本编辑器的功能，满足了多种编辑需要。

技术领域

本申请涉及编辑器技术领域，特别是一种扩展富文本编辑器功能的方法及装置。

背景技术

随着互联网的普及，通过网络编辑器录入、发布和浏览信息成为人们生活中不可或缺的一部分。开源的富文本编辑器从问世以来就被广泛运用。富文本编辑器可以内嵌于浏览器或其他应用中，方便用户自由编辑信息。

现有技术中的富文本编辑器可以提供编辑文字、上传图片、设置文字格式等功能，但随着人们对富文本编辑需求的提高，其基础功能已经无法满足多种编辑需要。

发明内容

基于上述问题，本申请提供了一种扩展富文本编辑器功能的方法及装置。目的是扩展富文本编辑器的功能，实现功能的灵活配置，以满足多种编辑需要。

本申请公开了一种扩展富文本编辑器功能的方法，所述方法包括：

通过解析ProseMirror富文本编辑器中的文本数据，将所述文本数据转化为节点数据；

解析所述节点数据的标题得到节点标识；

获取与所述节点标识对应的文本内容；

根据所述文本内容和所述节点标识形成大纲数据；

基于所述大纲数据形成所述文本数据的大纲视图以获得大纲视图功能；

新增所述ProseMirror富文本编辑器的操作栏；

依据所述ProseMirror富文本编辑器的原有操作栏的表结构，新增对应于新增的操作栏的节点；所述对应于新增的操作栏的节点，用于自定义工作项，以获得多格式文件上传功能。

可选的，所述根据所述文本内容和所述节点标识形成大纲数据，包括：对于新增的节点，依据节点标识采用文档对象模型dom定位获取文本内容，再把所述文本内容拼接到大纲数据中。

可选的，在获取与所述节点标识对应的文本内容前，所述方法还包括：

解析得到每个节点的节点标识；

循环检查所述节点标识，对未含有节点标识的节点数据生成节点标识。

可选的，所述新增对应于新增的操作栏的节点，包括：声明所述对应于新增的操作栏的节点为自定义数据类型。

可选的，还包括：

业务渲染层经由图床服务层发送存储图片请求消息，并提供图片组件需要的存储接口和图片预览展示的必要参数给后端；

后端返回内含存储服务器生成的可访问图片的链接的存储图片请求响应消息到图床服务层；

图床服务层依据所述预览展示的必要参数配置图片并展示，以获得图床服务功能。

可选的，还包括：

监听图片的放缩行为；

监听鼠标事件mousedown和mouseup；

将图片放缩后的宽度值和高度值等于当前鼠标所指的位置坐标，以获得图片操作功能。

可选的，所述方法还包括：

获取图片最大宽度值和最大高度值；