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 使用问题

1408浏览 • 1回复待解决

HarmonyOS RichEditor使用问题

790浏览 • 1回复待解决

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

1526浏览 • 1回复待解决

HarmonyOS RichEditor如何控制输入状态

981浏览 • 1回复待解决

HarmonyOS 如何设置RichEditor字体居中

913浏览 • 1回复待解决

RichEditor如何拿到BuilderSpan？

2772浏览 • 1回复待解决

HarmonyOS RichEditor问题

1113浏览 • 1回复待解决

HarmonyOS RichEditor设置controller

676浏览 • 1回复待解决

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

1494浏览 • 1回复待解决

HarmonyOS RichEditor如何设置最大的字符输入限制

1322浏览 • 1回复待解决

HarmonyOS RichEditor内容高出能否滚动?

891浏览 • 1回复待解决

HarmonyOS RichEditor光标位置异常问题

1204浏览 • 1回复待解决

HarmonyOS Swiper嵌套RichEditor的问题

773浏览 • 1回复待解决

基于RichEditor，如何实现上下角标的输入

1291浏览 • 1回复待解决

HarmonyOS RichEditor.onPaste问题

787浏览 • 1回复待解决

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

2942浏览 • 1回复待解决

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

873浏览 • 1回复待解决

HarmonyOS 如何让RichEditor 聚焦出现光标，但是又不拉起键盘。

919浏览 • 1回复待解决

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

1382浏览 • 1回复待解决

RichEditor添加、删除、重载图片

2135浏览 • 1回复待解决

HarmonyOS RichEditor 内容不居中显示

867浏览 • 1回复待解决

HarmonyOS RichEditor预输入组件高度不变化

1179浏览 • 1回复待解决

HarmonyOS 如何关闭RichEditor或TextInput聚焦唤起的软键盘

995浏览 • 1回复待解决

HarmonyOS RichEditor 获焦/失焦问题

1535浏览 • 1回复待解决

HarmonyOS RichEditor 添加图片后光标消失

946浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

HarmonyOS RichEditor如何使用？

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