鸿蒙开发者社区

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS html富文本显示问题

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

HarmonyOS

2024-08-08 18:19:31

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

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() { 
 
  } 
}

回复

2024-08-08 21:31:56

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

发布

相关问题

HarmonyOS Webview通过loadData加载富文本内容不显示，但是通过loadUrl加载同样的富文本html文件就可以正常显示。

1123浏览 • 1回复待解决

HarmonyOS 富文本渲染问题

1436浏览 • 1回复待解决

HarmonyOS 加载富文本问题

1385浏览 • 1回复待解决

富文本组件问题，如果要解析html数据并使用Span组件显示，如何使用类似 Html.fromHtml 的方法处理

3544浏览 • 1回复待解决

HarmonyOS 使用RichText加载富文本字体太小，且加载富文本时偶现白屏无法显示富文本内容

1248浏览 • 1回复待解决

HarmonyOS 富文本组件问题

1565浏览 • 1回复待解决

HarmonyOS 带HTML标记的文本格式化显示问题

2074浏览 • 1回复待解决

HarmonyOS Text组件富文本解析问题

1088浏览 • 1回复待解决

webview 如何显示纯文本html内容？

3507浏览 • 1回复待解决

arkts 里面有显示简单富文本的控件写法吗，不用webview。类似Android里面的 Html.fromHtml()

320浏览 • 1回复待解决

HarmonyOS 富文本超出容器

1433浏览 • 1回复待解决

HarmonyOS 富文本点击事件

1850浏览 • 1回复待解决

Text怎么显示带html标签的文本

5889浏览 • 1回复待解决

HarmonyOS使用RichText组件加载Html片段，文本显示过小

2181浏览 • 1回复待解决

HarmonyOS 富文本组件RichEditor并不能编辑html格式数据，想实现html格式编辑的解决方案

1517浏览 • 1回复待解决

HarmonyOS 关于实现TextView富文本功能

1178浏览 • 1回复待解决

HarmonyOS 如何支持表情和富文本

2895浏览 • 2回复待解决

TextArea组件是否支持输入富文本（比如emoji表情和富文本）

3666浏览 • 1回复待解决

HarmonyOS TextInput是否支持富文本

1144浏览 • 1回复待解决

HarmonyOS有富文本的支持么？如何在一段富文本中嵌入图片呢？

1671浏览 • 1回复待解决

HarmonyOS 富文本加载页面适配不兼容

1251浏览 • 1回复待解决

HarmonyOS web控件加载富文本，字太小

1910浏览 • 1回复待解决

HarmonyOS 如何在Text中显示一个html样式的文本

1031浏览 • 1回复待解决

富文本扩展点击监听返回url

1844浏览 • 1回复待解决

HarmonyOS Web组件加载富文本异常

1574浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

WebView加载html图片不显示问题 1回复

【HarmonyOS】富文本编辑器RichEditor详解 0回复

鸿蒙原生应用元服务开发-Web加载HTML格式的文本数据 0回复

HarmonyOs webview 加载本地html 6回复

#创作者激励#OpenHarmony富设备移植指南（5.1）显示调试经验分享 4回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载