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
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS Webview通过loadData加载富文本内容不显示，但是通过loadUrl加载同样的富文本html文件就可以正常显示。
61浏览 • 1回复 待解决
HarmonyOS 富文本渲染问题
249浏览 • 1回复 待解决
富文本组件问题，如果要解析html数据并使用Span组件显示，如何使用类似 Html.fromHtml 的方法处理
2247浏览 • 1回复 待解决
HarmonyOS 富文本组件问题
342浏览 • 1回复 待解决
HarmonyOS 带HTML标记的文本格式化显示问题
720浏览 • 1回复 待解决
webview 如何显示纯文本html内容？
2054浏览 • 1回复 待解决
HarmonyOS使用RichText组件加载Html片段，文本显示过小
862浏览 • 1回复 待解决
HarmonyOS 富文本超出容器
303浏览 • 1回复 待解决
HarmonyOS 富文本点击事件
465浏览 • 1回复 待解决
Text怎么显示带html标签的文本
4377浏览 • 1回复 待解决
TextArea组件是否支持输入富文本（比如emoji表情和富文本）
2391浏览 • 1回复 待解决
HarmonyOS Web组件加载富文本异常
287浏览 • 1回复 待解决
HarmonyOS 如何支持表情和富文本
625浏览 • 2回复 待解决
HarmonyOS 如何解析HTML文本
588浏览 • 1回复 待解决
HarmonyOS有富文本的支持么？如何在一段富文本中嵌入图片呢？
400浏览 • 1回复 待解决
鸿蒙-富文本如何添加图片
7122浏览 • 1回复 待解决
HarmonyOS web控件加载富文本，字太小
534浏览 • 1回复 待解决
HarmonyOS Html文本标签解析器
42浏览 • 1回复 待解决
富文本扩展点击监听返回url
818浏览 • 1回复 待解决
HarmonyOS Web加载富文本，内容尺寸过大，超出屏幕
49浏览 • 1回复 待解决
富文本在web组件中无法展示
2074浏览 • 1回复 待解决
arkui怎么展示接口返回的富文本?
2960浏览 • 1回复 待解决
HarmonyOS Web动态加载html片段，带有#会显示空白问题
734浏览 • 1回复 待解决
HarmonyOS如何加载富文本内容，不使用web的方式?
356浏览 • 1回复 待解决
HarmonyOS 使用web加载生成的html文本，怎么在这段html文本中引用rawfile或者应用cache下的css文件
375浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
WebView加载html图片不显示问题 1回复
鸿蒙原生应用元服务开发-Web加载HTML格式的文本数据 0回复
HarmonyOs webview 加载本地html 6回复
各位是更喜欢富文本编辑器还是markdown编辑器呢 2回复
#创作者激励#OpenHarmony富设备移植指南（5.1）显示调试经验分享 4回复