HarmonyOS RichEditor 使用问题

使用RichEditor,如何在文本中指定的位置插入图片?而不是插入图片在最后位置?

HarmonyOS
2024-09-03 11:15:50
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

您可以参考这个文档:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-richeditor-V5#richeditorimagespanoptions

试一下RichEditorImageSpanOptions中的offset属性,看能否满足您的需求

关于图片的对齐样式处理,您可以参考这个文档:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-richeditor-V5#richeditorimagespanstyle

试一下RichEditorImageSpanStyle中的verticalAlign属性,看能否满足您的需求

您可以参考这个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' } 
                } 
              }, 
              //offset: 50 
            }) 
          this.controller.addTextSpan("\n") 
          this.controller.addTextSpan("0123456789", 
            { 
              style: 
              { 
                fontColor: Color.Orange, 
                fontSize: 30 
              } 
            }) 
        }) 
    } 
    .height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-09-03 15:01:39
相关问题
HarmonyOS RichEditor如何使用
406浏览 • 1回复 待解决
HarmonyOS RichEditor 获焦/失焦问题
436浏览 • 1回复 待解决
HarmonyOS RichEditor如何控制输入状态
25浏览 • 1回复 待解决
HarmonyOS RichEditor内容高出能否滚动?
260浏览 • 1回复 待解决
HarmonyOS RichEditor 内容不居中显示
152浏览 • 1回复 待解决
RichEditor如何拿到BuilderSpan?
1818浏览 • 1回复 待解决
RichEditor添加、删除、重载图片
1082浏览 • 1回复 待解决
基于RichEditor的评论编辑
714浏览 • 1回复 待解决
HarmonyOS soundpool使用问题
475浏览 • 1回复 待解决
HarmonyOS Navigation 使用问题
432浏览 • 1回复 待解决
HarmonyOS地图使用问题
362浏览 • 1回复 待解决
HarmonyOS websocket使用问题
276浏览 • 1回复 待解决
HarmonyOS Navigation使用问题
457浏览 • 1回复 待解决
HarmonyOS resourceManager使用问题
490浏览 • 1回复 待解决
HarmonyOS lottie使用问题
386浏览 • 1回复 待解决
HarmonyOS eventHub使用问题
24浏览 • 1回复 待解决
HarmonyOS onAreaChange使用问题
802浏览 • 1回复 待解决
HarmonyOS textpicker使用问题
287浏览 • 1回复 待解决
HarmonyOS customdialog使用问题
645浏览 • 1回复 待解决