HarmonyOS 鸿蒙Next 关于自定义按钮实现RichEditor组件删除一个单位的内容

看下这个方法能否满足需求 https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-richeditor-V5#deletespans

@Entry
@Component
struct IR241128201245063 {
  @State message: string = 'Hello World';
  controller: RichEditorController = new RichEditorController()
  options: RichEditorOptions = { controller: this.controller };

  @State @Watch('getStart') start: number = 0
  @State @Watch('getEnd') end: number = 0

  getStart(){
    console.log("start:" + this.start)
  }

  getEnd(){
    console.log("end:" + this.end)
  }

  build() {
    Column () {
      RichEditor(this.options)
        .onDidChange((rangeBefore: TextRange, rangeAfter: TextRange) => {
          console.log('测试log: onDidChange')
          console.log('rangeBefore:' + JSON.stringify(rangeBefore))
          console.log('rangeAfter:' + JSON.stringify(rangeAfter))
          if (rangeAfter.start) {
            this.start = rangeAfter.start
          }
          if (rangeAfter.end) {
            this.end = rangeAfter.end
          }
        })
        .onReady(() => {
          this.controller.addTextSpan('123', {
            style: {
              fontColor: Color.Red,
              fontSize: 15
            }
          })
        })
        .width(300)
        .height(100)

      Button('addTextSpan', {
        buttonStyle: ButtonStyleMode.NORMAL
      })
        .height(30)
        .fontSize(13)
        .onClick(() => {
          this.controller.addTextSpan('123')
        })

      Button('---').onClick(()=>{
        this.controller.deleteSpans({
          start: this.end-1,
          end: this.end
        })
      })
    }
    .height('100%')
    .width('100%')
  }
}