51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术24年11月软考PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

HarmonyOS html富文本显示问题

显示html富文本 如下：“会议时间:10:00~11:00  <font color=”#009900">已延迟，待主持人开始用RichText显示，内容会出现可缩放的问题，且宽高无法自适应，请问有替代方案？

HarmonyOS
superinsect
2024-08-08 18:19:31
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu
zxjiu

1、RichText想要显示内容无缩放可以在RichText的内容中加上<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'>

2、宽高无法自适应可以在RichText中添加.layoutWeight(1)，

参考文档：​​RichText-基础组件-基于ArkTS的声明式开发范式-ArkTS组件-ArkUI（方舟UI框架）-应用框架 | 华为开发者联盟 (huawei.com)​​

示例代码：

@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World'; 
  @State data: string = "<head><meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'>" + 
    "<h1>会议时间:10:00~11:00  <font color='#009900'>已延迟，待主持人开始</font></h1>" + 
    "</head>" 
 
  build() { 
    Column() { 
      // RichText(this.data).width("100%").height(20) 
      //   .onClick(()=>{ 
      // 
      //   }).backgroundColor(Color.Blue) 
      RichText(this.data) 
        .onStart(() => { 
          console.info('RichText onStart'); 
        }) 
        .onComplete(() => { 
          console.info('RichText onComplete'); 
        }) 
        .size({ width: '100%', height: 110 }) 
        .backgroundColor(0X92D6CC) 
        .layoutWeight(1) 
    } 
    .backgroundColor(Color.Pink) 
    .alignItems(HorizontalAlign.Center) 
    .justifyContent(FlexAlign.Center) 
 
    .width('100%') 
    .height('100%') 
  } 
 
  testHtm() { 
 
  } 
}
分享
微博
QQ
微信
回复
2024-08-08 21:31:56
如何写精华回答，获更多曝光？
发布
相关问题
富文本组件问题，如果要解析html数据并使用Span组件显示，如何使用类似 Html.fromHtml 的方法处理
1789浏览 • 1回复 待解决
HarmonyOS 带HTML标记的文本格式化显示问题
236浏览 • 1回复 待解决
webview 如何显示纯文本html内容？
1686浏览 • 1回复 待解决
HarmonyOS使用RichText组件加载Html片段，文本显示过小
321浏览 • 1回复 待解决
Text怎么显示带html标签的文本
4040浏览 • 1回复 待解决
TextArea组件是否支持输入富文本（比如emoji表情和富文本）
1927浏览 • 1回复 待解决
HarmonyOS 如何解析HTML文本
113浏览 • 1回复 待解决
富文本扩展点击监听返回url
578浏览 • 1回复 待解决
鸿蒙-富文本如何添加图片
6573浏览 • 1回复 待解决
HarmonyOS RichText 无法自适应高度、无法设置富文本内容字体样式
236浏览 • 1回复 待解决
HarmonyOS Web组件加载富文本时如何引用本地css和js
154浏览 • 1回复 待解决
HarmonyOS Web动态加载html片段，带有#会显示空白问题
97浏览 • 1回复 待解决
富文本在web组件中无法展示
1648浏览 • 1回复 待解决
arkui怎么展示接口返回的富文本?
2550浏览 • 1回复 待解决
HarmonyOS Text组件，富文本使用Span设置背景色无效
245浏览 • 1回复 待解决
HarmonyOS 使用web加载生成的html文本，怎么在这段html文本中引用rawfile或者应用cache下的css文件
72浏览 • 1回复 待解决
Text怎么解析展示带html标签的文本？
1682浏览 • 1回复 待解决
HarmonyOS html的img标签src显示本地图片失败
108浏览 • 1回复 待解决
HarmonyOS web加载本地沙箱HTML和JS文件无法显示
76浏览 • 1回复 待解决
HarmonyOS 文字显示问题
114浏览 • 1回复 待解决
HarmonyOS 有方法实现文本颜色渐变显示吗？
111浏览 • 1回复 待解决
预览器上WEB组件无法显示HTML内容
2108浏览 • 1回复 待解决
webviewController的loadData无法显示长文本
1652浏览 • 1回复 待解决
HarmonyOS 文本怎么自定义识别高亮显示和自定义点击事件显示菜单/气泡？
136浏览 • 1回复 待解决
ArkUI实现一个简易版的富文本编辑器要调什么接口？
1955浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
WebView加载html图片不显示问题 1回复
鸿蒙原生应用元服务开发-Web加载HTML格式的文本数据 0回复
HarmonyOs webview 加载本地html 6回复
各位是更喜欢富文本编辑器还是markdown编辑器呢 2回复
#创作者激励#OpenHarmony富设备移植指南（5.1）显示调试经验分享 4回复