#鸿蒙通关秘籍#富文本控件RichText，如何实现Text控件中的Span拼接功能，且能给每个Span增加点击事件？

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

  aboutToAppear(): void {
    this.my_builder = () => {
      this.rcc();
    };
  }

  build() {
    Column() {
      RichEditor(this.options)
        .onReady(() => {
          this.controller.addTextSpan('this.htmlStr', {
            style: {
              fontColor: Color.Orange,
              fontSize: 10
            }
          });
          this.controller.addBuilderSpan(this.my_builder);
        });
    }
  }
}

@Builder
rcc() {
  Row() {
    RichText(`<h1>我是RichText<h1>`)
      .backgroundColor(Color.Orange)
      .width(100)
      .height(100);
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.