鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 24年11月软考 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 带HTML标记的文本格式化显示问题

217浏览 • 1回复待解决

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

1776浏览 • 1回复待解决

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

1677浏览 • 1回复待解决

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

4028浏览 • 1回复待解决

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

311浏览 • 1回复待解决

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

572浏览 • 1回复待解决

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

1920浏览 • 1回复待解决

HarmonyOS 如何解析HTML文本

107浏览 • 1回复待解决

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

6568浏览 • 1回复待解决

HarmonyOS Web组件加载富文本时如何引用本地css和js

140浏览 • 1回复待解决

HarmonyOS RichText 无法自适应高度、无法设置富文本内容字体样式

216浏览 • 1回复待解决

HarmonyOS Web动态加载html片段，带有#会显示空白问题

88浏览 • 1回复待解决

arkui怎么展示接口返回的富文本?

2544浏览 • 1回复待解决

富文本在web组件中无法展示

1638浏览 • 1回复待解决

HarmonyOS Text组件，富文本使用Span设置背景色无效

225浏览 • 1回复待解决

HarmonyOS 使用web加载生成的html文本，怎么在这段html文本中引用rawfile或者应用cache下的css文件

64浏览 • 1回复待解决

Text怎么解析展示带html标签的文本？

1682浏览 • 1回复待解决

HarmonyOS web加载本地沙箱HTML和JS文件无法显示

72浏览 • 1回复待解决

HarmonyOS html的img标签src显示本地图片失败

99浏览 • 1回复待解决

HarmonyOS 文字显示问题

91浏览 • 1回复待解决

HarmonyOS 有方法实现文本颜色渐变显示吗？

93浏览 • 1回复待解决

webviewController的loadData无法显示长文本

1637浏览 • 1回复待解决

预览器上WEB组件无法显示HTML内容

2100浏览 • 1回复待解决

HarmonyOS 文本怎么自定义识别高亮显示和自定义点击事件显示菜单/气泡？

128浏览 • 1回复待解决

ArkUI实现一个简易版的富文本编辑器要调什么接口？

1943浏览 • 1回复待解决

提问

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

相关讨论帖

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

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

HarmonyOs webview 加载本地html 6回复

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

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

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