2025年文本标注工具poplar-annotation

科技前沿 • 2025-02-28 12:09 • 阅读 50

大家好，我是讯享网，很高兴认识大家。

简介：文本标注工具

讯享网

使用
- 安装：npm i poplar-annotation
- 引入：import { Annotator } from ‘poplar-annotation’
  
  data格式：
  
  config格式：
Events
- textSelected：选中一段文本之后触发，带有两个参数
  - startIndex：选取部分的开始坐标
  - endIndex：选取部分的结束坐标
- labelClicked：左键单击Label后会触发，带有两个参数
  - id：被点击的标注的id
  - event：点击事件
- labelRightClicked：右键点击了一个Label后会触发，带有两个参数
  - id：被点击的标注的id
  - event：点击事件
- labelDoubleClicked：双击了一个Label后会触发，带有两个参数
  - id：被点击的标注的id
  - event：点击事件
- twoLabelsClicked：先后左键点击了两个Label后会触发，带有两个参数
  - first：第一个点击的标注的id
  - second：第二个点击的标注的id
- connectionClicked：左键点击一个连接的文字部分，带有两个参数
  - id：被点击的标注的id
  - event：点击事件
- connectionRightClicked：右键点击了一个连接的文字部分后会触发，带有两个参数
  - id：被点击的标注的id
  - event：点击事件
- connectionDoubleClicked：双击了一个连接的文字部分后会触发，带有两个参数
  - id：被点击的标注的id
  - event：点击事件
- contentInput：输入了内容时触发，带有两个参数
  - position：输入时光标的位置（光标在第position个字符之前）
  - value：输入的内容
- contentDelete：删除内容时触发，带有两个参数
  - position：删除时光标的位置（光标在第position个字符之前）
  - length：要删除的内容长度
Actions
- 可以通过applyAction 方法向Annotator 对象发送Action 来改变其中的内容。
查询内部状态
- annotator.store：包含的有各种对象的内容
- [annotator.store](http://annotator.store) 对象序列化得到的json可以用作new Annotator 的第一个参数，来重建Annotator对象
- 新增删除修改之后最好重建Annotator对象，不然可能会出错

2025年文本标注工具poplar-annotation

相关推荐