51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

HarmonyOS richtext如何控制宽高

HarmonyOS
fox280
2024-12-25 13:47:06
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect
superinsect

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);
            }
          );
        })
    }
  }
}
分享
微博
QQ
微信
回复
2024-12-25 17:07:40
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS 如何获取Webview的宽高
889浏览 • 1回复 待解决
HarmonyOS RelativeContainer宽高设置问题
725浏览 • 1回复 待解决
如何测量获取控件高宽
1595浏览 • 1回复 待解决
ArkTs如何获取组件的宽高？
6170浏览 • 1回复 待解决
如何获取窗口的宽高信息
3434浏览 • 1回复 待解决
HarmonyOS RelativeContainer如何让宽高只包裹内容？
831浏览 • 1回复 待解决
HarmonyOS 如何获取组件的大小，宽高？
1618浏览 • 1回复 待解决
HarmonyOS photoAsset获取图片宽高失败
1180浏览 • 1回复 待解决
HarmonyOS RelativeContainer 不能自适应宽高
1415浏览 • 1回复 待解决
HarmonyOS RelativeContainer宽高自适应问题
2243浏览 • 1回复 待解决
HarmonyOS 组件的宽高设置auto，不生效，默认父组件全部宽高
1580浏览 • 1回复 待解决
HarmonyOS 获取图片的宽高
1347浏览 • 1回复 待解决
HarmonyOS ArkUI中设置宽高
970浏览 • 1回复 待解决
HarmonyOS Image组件能否自动按原图宽高展示某张远程图片？即Image的宽高自动调整为该图的实际宽高
1517浏览 • 1回复 待解决
获取Column最终的宽高
1376浏览 • 1回复 待解决
HarmonyOS Image组件是如何自动适配宽高的？
1110浏览 • 1回复 待解决
HarmonyOS picker选择图片后如何获取图片宽高
1126浏览 • 1回复 待解决
HarmonyOS如何获取指定子组件的宽高
3070浏览 • 1回复 待解决
HarmonyOS 如何得到父容器的宽高尺寸
1117浏览 • 1回复 待解决
HarmonyOS ArkWeb同层渲染宽高问题
982浏览 • 1回复 待解决
HarmonyOS 下刘海的高宽获取不到
738浏览 • 1回复 待解决
HarmonyOS AVCastPicker组件是否有宽高限制
924浏览 • 1回复 待解决
HarmonyOS image加载图片宽高自适应
1424浏览 • 1回复 待解决
java如何获取屏幕宽高。找不到api？
6677浏览 • 1回复 待解决
求大佬告知如何获取组件宽高
1280浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
OpenHarmony如何控制屏幕亮度 3回复
如何用 JavaScript 控制 Arduino？ 0回复
如何基于 TypeScript 实现控制反转 0回复
HarmonyOS实战—Text组件宽高三种值的写法和颜色属性 0回复
如何设计和实现高可用的MySQL 0回复