#鸿蒙学习大百科#如何通过代码实现将资源文件中的图片添加到RichEditor的文本框中?

如何通过代码实现将资源文件中的图片添加到RichEditor的文本框中?

HarmonyOS
2024-10-26 09:28:39
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
天涯独一隅

通过addImageSpan添加图片内容。

@Entry
@Component
struct Index {
  controller: RichEditorController = new RichEditorController();
  options: RichEditorOptions = { controller: this.controller };
  build() {
    Column() {
      RichEditor(this.options)
        .onReady(() => {
          this.controller.addTextSpan('点击按钮在此处添加image。', {
            style: {
              fontColor: Color.Black,
              fontSize: 15
            }
          })
        })
        .width(300)
        .height(100)
      Button('addImageSpan', {
        buttonStyle: ButtonStyleMode.NORMAL
      })
        .height(30)
        .fontSize(13)
        .onClick(() => {
          this.controller.addImageSpan($r("app.media.startIcon"), {
            imageStyle: {
              size: ["57px", "57px"]
            }
          })
        })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}
分享
微博
QQ
微信
回复
2024-10-26 17:43:19
相关问题