鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程软考华为认证厂商认证 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

2008浏览

赞

收藏 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() { 
 
  } 
}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.

回复

2024-08-08 21:31:56

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

发布

相关问题

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

750浏览 • 1回复待解决

HarmonyOS 加载富文本问题

878浏览 • 1回复待解决

HarmonyOS 富文本渲染问题

977浏览 • 1回复待解决

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

2830浏览 • 1回复待解决

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

774浏览 • 1回复待解决

HarmonyOS 富文本组件问题

1111浏览 • 1回复待解决

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

1580浏览 • 1回复待解决

HarmonyOS Text组件富文本解析问题

591浏览 • 1回复待解决

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

2811浏览 • 1回复待解决

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

5271浏览 • 1回复待解决

HarmonyOS 富文本超出容器

1082浏览 • 1回复待解决

HarmonyOS 富文本点击事件

1333浏览 • 1回复待解决

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

1315浏览 • 1回复待解决

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

765浏览 • 1回复待解决

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

3111浏览 • 1回复待解决

HarmonyOS 如何支持表情和富文本

1502浏览 • 2回复待解决

HarmonyOS 关于实现TextView富文本功能

704浏览 • 1回复待解决

HarmonyOS TextInput是否支持富文本

757浏览 • 1回复待解决

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

1188浏览 • 1回复待解决

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

686浏览 • 1回复待解决

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

740浏览 • 1回复待解决

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

1289浏览 • 1回复待解决

HarmonyOS Web组件加载富文本异常

1112浏览 • 1回复待解决

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

1467浏览 • 1回复待解决

鸿蒙-富文本如何添加图片

8123浏览 • 1回复待解决

提问

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

相关讨论帖

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

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

HarmonyOs webview 加载本地html 6回复

各位是更喜欢富文本编辑器还是markdown编辑器呢 2回复

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

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