鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

HarmonyOS richtext如何控制宽高

HarmonyOS

2024-12-25 13:47:06

浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

richtext目前不支持自适应，建议使用web组件，通过loadData方法加载html文本。

参考demo如下：

//index.ets
import web_webview from '@ohos.web.webview';

@Entry
@Component
struct WebComponent {
  controller: web_webview.WebviewController = new web_webview.WebviewController();
  @State webResult: string = ''
  build() {
    Column() {
      Text(this.webResult).fontSize(20)

      Button('loadData')
        .onClick(() => {
          this.controller.loadData("<!DOCTYPE html><html><style> body { background-color: %23ffff44; }</style><body><p><h1>1111111111</h1><h2>1111111111</h2><h2>1111111111</h2> </p> </body><script type=\"text/javascript\"> function watchWindowSize(){ var h = document.body.clientHeight; return h; } </script></html>",
            'text/html',
            'UTF-8')
        })

      Web({ src: "", controller: this.controller })
        .javaScriptAccess(true)
        .aspectRatio(1.5)
        .onPageEnd(e => {
          this.controller.runJavaScript(
            'watchWindowSize()',
            (error,result)=>{
              this.webResult=result
              let pageHeight=this.controller.getPageHeight()+'';
              pageHeight=this.webResult;
              console.info("webResult="+this.webResult);
              console.info("pageHeight="+pageHeight);
            }
          );
        })
    }
  }
}
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-12-25 17:07:40

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

发布

相关问题

HarmonyOS 如何获取Webview的宽高

595浏览 • 1回复待解决

如何测量获取控件高宽

1375浏览 • 1回复待解决

如何获取窗口的宽高信息

3130浏览 • 1回复待解决

ArkTs如何获取组件的宽高？

5778浏览 • 1回复待解决

HarmonyOS RelativeContainer宽高设置问题

520浏览 • 1回复待解决

HarmonyOS 如何获取组件的大小，宽高？

1256浏览 • 1回复待解决

HarmonyOS 组件的宽高设置auto，不生效，默认父组件全部宽高

1270浏览 • 1回复待解决

HarmonyOS 获取图片的宽高

893浏览 • 1回复待解决

HarmonyOS ArkUI中设置宽高

695浏览 • 1回复待解决

HarmonyOS RelativeContainer如何让宽高只包裹内容？

562浏览 • 1回复待解决

HarmonyOS RelativeContainer 不能自适应宽高

1060浏览 • 1回复待解决

HarmonyOS RelativeContainer宽高自适应问题

1688浏览 • 1回复待解决

HarmonyOS photoAsset获取图片宽高失败

888浏览 • 1回复待解决

获取Column最终的宽高

1131浏览 • 1回复待解决

HarmonyOS Image组件能否自动按原图宽高展示某张远程图片？即Image的宽高自动调整为该图的实际宽高

1258浏览 • 1回复待解决

HarmonyOS如何获取指定子组件的宽高

2081浏览 • 1回复待解决

HarmonyOS 如何得到父容器的宽高尺寸

756浏览 • 1回复待解决

鸿蒙如何获取Element图片的宽高

8610浏览 • 1回复待解决

求大佬告知如何获取组件宽高

1039浏览 • 1回复待解决

属性动画如何实现宽高动画效果

2938浏览 • 1回复待解决

HarmonyOS Image组件是如何自动适配宽高的？

797浏览 • 1回复待解决

HarmonyOS picker选择图片后如何获取图片宽高

757浏览 • 1回复待解决

HarmonyOS 获取手机设备宽高

918浏览 • 1回复待解决

java如何获取屏幕宽高。找不到api？

6420浏览 • 1回复待解决

怎么获取组件的宽高（组件宽高是自适应的，没有固定大小）？

3418浏览 • 1回复待解决

提问

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

相关讨论帖

OpenHarmony如何控制屏幕亮度 3回复

如何用 JavaScript 控制 Arduino？ 0回复

如何基于 TypeScript 实现控制反转 0回复

如何设计和实现高可用的MySQL 0回复

HarmonyOS实战—Text组件宽高三种值的写法和颜色属性 0回复

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