HarmonyOS RichEditor如何使用？

RichText("<span style='color:#FF4200; font-size: 18px; font-family:PingFangSC-Regular'>1元</span><span style='color:#FF4200; font-size: 12px; font-family:PingFangSC-Regular'> </span> <span style='color:#CDCDCD; font-size: 12px; font-family:PingFangSC-Regular'></span>" +  
  '<meta name="viewport" content="width=device-width">')  
  .height(24)  
  .backgroundColor($r('app.color.transparent'))

这是一个list，现在要实现加载富文本的功能，使用RichText组件，加载的文本会有滑动现在，看文档推荐使用RichEditor。但文档示例都是定值数据，这里都是接口返回的数据，怎么使用？

HarmonyOS

Heiang

2024-10-17 09:43:27

浏览

回答 1

待解决

回答 1

按赞同

按时间

superinsect

可以试一下RichEditor, 一个轻量级的实现：

RichEditor(this.options)  
  .onReady(() => {  
    this.controller.addTextSpan("Hello World",  
      {  
        style: {  
          fontColor: Color.Blue, fontSize: 50  
        }  
      })  
    this.controller.addImageSpan('https://img.luckincoffeecdn.com/group2/M00/6E/FB/CtwiPGV79U6AeHIIAAl_HDx_vME238.jpg',  
      {  
        imageStyle: {  
          size: ["57px", "57px"]  
        }  
      })  
  })

RichText如果使用，最多支持1~7档，默认为3，见链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-richtext-V5

如果要使用更大的字号，请使用CSS语法，例如：

RichText('<p style="font-size: 100px; font-family: verdana; color: rgb(24,78,228)">ABC</p>').height(140)

2024-10-17 17:50:55

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS RichEditor 使用问题

518浏览 • 1回复待解决

HarmonyOS 使用RichEditor 自定义控件不显示

419浏览 • 1回复待解决

HarmonyOS RichEditor如何控制输入状态

25浏览 • 1回复待解决

RichEditor如何拿到BuilderSpan？

1818浏览 • 1回复待解决

HarmonyOS RichEditor如何实现图文复制粘贴功能

23浏览 • 1回复待解决

HarmonyOS RichEditor内容高出能否滚动?

260浏览 • 1回复待解决

HarmonyOS RichEditor 内容不居中显示

152浏览 • 1回复待解决

RichEditor组件如何设置初始字体样式

1031浏览 • 1回复待解决

HarmonyOS RichEditor 添加图片后光标消失

22浏览 • 1回复待解决

HarmonyOS RichEditor 获焦/失焦问题

434浏览 • 1回复待解决

HarmonyOS RichEditor组件获焦时如何配置不弹出键盘？

316浏览 • 1回复待解决

#鸿蒙学习大百科#如何创建不使用属性字符串的RichEditor

222浏览 • 1回复待解决

RichEditor添加、删除、重载图片

1082浏览 • 1回复待解决

基于RichEditor的评论编辑

714浏览 • 1回复待解决

RichEditor 如何设置初始字体大小与颜色?

945浏览 • 1回复待解决

HarmonyOS RichEditor获取编辑的图文内容的问题。

50浏览 • 1回复待解决

HarmonyOS RichEditor可以支持多个文字整体删除吗？

374浏览 • 1回复待解决

HarmonyOS RichEditor粘贴内容不会有回调

30浏览 • 1回复待解决

#鸿蒙学习大百科#如何创建一个使用属性字符串的RichEditor？

252浏览 • 1回复待解决

如何实现RichEditor和Component成为一个整体

474浏览 • 1回复待解决

HarmonyOS RichEditor支持超过maxlength字符后禁止输入吗？

242浏览 • 1回复待解决

社区或评论区使用RichEditor发布内容时获取编辑框内的内容

1208浏览 • 1回复待解决

HarmonyOS List下循环重复使用RichText时，会出现卡顿、滑动响应慢等现象，使用RichEditor组件的方案有吗？

242浏览 • 1回复待解决

#鸿蒙学习大百科#如何获取RichEditor内span信息？

230浏览 • 1回复待解决

#鸿蒙学习大百科#如何向RichEditor中添加SymbolSpan？

363浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

HarmonyOS RichEditor如何使用？

订阅鸿蒙技术特刊，精选内容抢先看