文本标注工具poplar-annotation

简介：文本标注工具

• 使用

  • 安装：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对象，不然可能会出错