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
相关问题
RichEditor添加、删除、重载图片
714浏览 • 1回复 待解决
HarmonyOS resourceManager使用问题
145浏览 • 1回复 待解决
HarmonyOS soundpool使用问题
121浏览 • 1回复 待解决
HarmonyOS lottie使用问题
72浏览 • 1回复 待解决
HarmonyOS Navigation 使用问题
117浏览 • 1回复 待解决
HarmonyOS地图使用问题
69浏览 • 1回复 待解决
RichEditor如何拿到BuilderSpan?
1449浏览 • 1回复 待解决
HarmonyOS getRawFileContent使用问题咨询
243浏览 • 1回复 待解决
HarmonyOS @Extend 的使用问题
152浏览 • 1回复 待解决
HarmonyOS ProtoBuffer使用问题
89浏览 • 1回复 待解决
HarmonyOS filePreview使用问题
71浏览 • 1回复 待解决
HarmonyOS onAreaChange使用问题
142浏览 • 1回复 待解决
基于RichEditor的评论编辑
396浏览 • 1回复 待解决
HarmonyOS picker使用问题确认
84浏览 • 1回复 待解决
HarmonyOS MMKV的使用问题
54浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
251浏览 • 1回复 待解决
RichEditor组件如何设置初始字体样式
716浏览 • 1回复 待解决
HarmonyOS关于API使用问题
112浏览 • 1回复 待解决
HarmonyOS @Expend跨模块使用问题
142浏览 • 1回复 待解决
使用C++进行HarmonyOS开发的问题
189浏览 • 2回复 待解决