#鸿蒙学习大百科#如何获取RichEditor内span信息？

@Entry
@Component
struct Index {
  my_builder: CustomBuilder|undefined = undefined;
  controller: RichEditorController = new RichEditorController();
  options: RichEditorOptions = { controller: this.controller };
  build() {
    Column() {
      RichEditor(this.options)
        .onReady(() => {
          this.controller.addTextSpan('点击按钮获取此处span信息。', {
            style: {
              fontColor: Color.Black,
              fontSize: 15
            }
          })
        })
        .width(300)
        .height(50)
      Text('查看getSpans返回值：').fontSize(10).fontColor(Color.Gray).width(300)
      RichEditor(this.options)
        .width(300)
        .height(50)
      Button('getSpans', {
        buttonStyle: ButtonStyleMode.NORMAL
      })
        .height(30)
        .fontSize(13)
        .onClick(() => {
          this.controller.addTextSpan(JSON.stringify(this.controller.getSpans()), {
            style: {
              fontColor: Color.Gray,
              fontSize: 10
            }
          })

        })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)

  }
}