HarmonyOS Text组件富文本解析问题

需要借助个row组件包括，RichEditor需要放在text组件外面：

@Entry
@Component
struct Index {
  controller: RichEditorController = new RichEditorController();
  options: RichEditorOptions = { controller: this.controller };

  build() {
    Row() {
      Text() {
        ImageSpan($r('app.media.startIcon')).width("20%")
      }

      RichEditor(this.options)
        .onReady(() => {
          this.controller.addTextSpan("12345",
            {
              style:
              {
                fontColor: Color.Orange,
                fontSize: 50
              }
            })
        })
    }
    .width("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.

要么就要一起去解析：

// xxx.ets
@Entry
@Component
struct Index {
  controller: RichEditorController = new RichEditorController();
  option: RichEditorOptions = { controller: this.controller };

  build() {
    Column() {
      RichEditor(this.option)
        .onReady(() => {
          this.controller.addTextSpan("123456789",
            {
              style:
              {
                fontColor: Color.Blue,
                fontSize: 30
              }
            })
          this.controller.addImageSpan($r("app.media.startIcon"),
            {
              imageStyle:
              {
                size: ["100px", "100px"]
              }
            })
        })
    }
    .width("100%")
    .height("70%")
  }
}
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.