[发明专利]一种基于Slate的编辑器块级光标定位方法

权利要求书

1.一种基于Slate的编辑器块级光标定位方法，其特征在于，所述基于Slate的编辑器块级光标定位方法包括如下步骤：

S1，元素光标支持，根据实际需要，通过配置参数来设置指定元素可以具有前后光标；

S2，渲染Block-Card组件

(1)渲染插件组件；

(2)判断组件上的isBlockCard的布尔值，进而判断是否需要支持块级光标，支持则下一步，不支持则返回；

(3)渲染块级光标组件；

(4)将插件组件渲染的结果添加到Block-Card组件容器中；

S3，Slate选区兼容，在所述Block-Card组件触发聚焦事件时，通过对Block-Card组件属性状态的查询来让此焦点更改为非受控选区，进而避免Slate定位机制的同步异常；

S4，拦截处理，对用户的交互行为进行分类，若用户操作为回车、删除和移动光标的话，则进行交互处理，若用户操作为中文或英文输入的话，则进行输入处理。

2.根据权利要求1所述的一种基于Slate的编辑器块级光标定位方法，其特征在于：在S4中，所述回车的触发事件为Enter，所述删除的触发事件为Delete，所述移动光标的触发事件包括Arrow-Left、Arrow-Right、Arrow-Top和Arrow-Bottom。

3.根据权利要求1所述的一种基于Slate的编辑器块级光标定位方法，其特征在于：在S4中，所述交互处理具体为，重写扩展钩子函数来对回车、删除和移动光标进行处理。

4.根据权利要求1所述的一种基于Slate的编辑器块级光标定位方法，其特征在于：在S4中，所述输入处理包括中文处理和英文处理。

5.根据权利要求4所述的一种基于Slate的编辑器块级光标定位方法，其特征在于：所述中文处理具体为，首先监听compositionstart事件，在compositionstart事件触发后，执行回调函数，回调函数对光标是否是块级光标进行判断，若布尔值为真，则移动Slate选区到指定的位置，随后强制驱动DOM选区更新。

6.根据权利要求4所述的一种基于Slate的编辑器块级光标定位方法，其特征在于：所述英文处理具体为，首先阻止浏览器默认插入行为，再对英文进行插入。