HarmonyOS RichEditor使用问题

在文本字符中插入了一张图片,怎样使该图片换行并使图片居中显示,该如何处理?就是图片插入到文本中,换行并且图片单独占据一列。还有如何换行呢?

HarmonyOS
19h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

参考demo,可以使用this.controller.addTextSpan(""\n"")来进行换行:

@Entry
@Component
struct RichEditorDemo2 {
  @State message: string = 'Hello World';
  controller: RichEditorController = new RichEditorController();
  options: RichEditorOptions = { controller: this.controller };
  build() {
    Column() {
      RichEditor(this.options)
        .onReady(() => {
          this.controller.addTextSpan(""012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789\n"",
          {
            style:
            {
              fontColor: Color.Orange,
              fontSize: 30
            }
          })
          this.controller.addImageSpan($r(""app.media.app_icon""),
          {
            imageStyle:
              {
                size: [""200px"", ""200px""],
                verticalAlign: ImageSpanAlignment.BOTTOM,
                layoutStyle: {
                borderRadius: { topLeft: '10px', topRight: '20px', bottomLeft: '30px', bottomRight: '40px' },
                margin: { left: '10px', top: '20px', right: '30px', bottom: '40px' }
              }
              },
            })
          this.controller.addTextSpan(""\n"")
          this.controller.addTextSpan(""0123456789"",
          {
            style:
            {
              fontColor: Color.Orange,
              fontSize: 30
            }
          })
        })
    }
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
16h前
相关问题
HarmonyOS RichEditor 使用问题
535浏览 • 1回复 待解决
HarmonyOS RichEditor问题
18浏览 • 1回复 待解决
HarmonyOS RichEditor如何使用
428浏览 • 1回复 待解决
HarmonyOS RichEditor.onPaste问题
15浏览 • 1回复 待解决
HarmonyOS Swiper嵌套RichEditor问题
0浏览 • 0回复 待解决
HarmonyOS RichEditor光标位置异常问题
0浏览 • 0回复 待解决
HarmonyOS RichEditor 获焦/失焦问题
468浏览 • 1回复 待解决
HarmonyOS RichEditor设置controller
39浏览 • 1回复 待解决
RichEditor如何拿到BuilderSpan?
1828浏览 • 1回复 待解决
HarmonyOS 如何设置RichEditor字体居中
23浏览 • 1回复 待解决
HarmonyOS RichEditor如何控制输入状态
57浏览 • 1回复 待解决
HarmonyOS RichEditor内容高出能否滚动?
276浏览 • 1回复 待解决
HarmonyOS RichEditor 内容不居中显示
172浏览 • 1回复 待解决
RichEditor添加、删除、重载图片
1099浏览 • 1回复 待解决
基于RichEditor的评论编辑
722浏览 • 1回复 待解决
RichEditor组件如何设置初始字体样式
1036浏览 • 1回复 待解决