鸿蒙开发者社区

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-09-26 11:41:33

1303浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

参照RichText的API文档可知：RichText组件不适用于对HTML字符串的显示效果进行较多自定义的应用场景。例如RichText组件不支持通过设置属性与事件，来修改背景颜色、字体颜色、字体大小、动态改变内容等。在这种情况下，推荐使用Web组件。web组件的使用可参照文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-page-loading-with-web-components-V5#%E5%8A%A0%E8%BD%BDhtml%E6%A0%BC%E5%BC%8F%E7%9A%84%E6%96%87%E6%9C%AC%E6%95%B0%E6%8D%AE

import web_webview from '@ohos.web.webview'  
@Entry  
@Component  
struct RichTextPage {  
  controller: web_webview.WebviewController = new web_webview.WebviewController();  
  @State fontSize: number = 20;  
  build() {  
    Column() {  
      Button('加载HTML富文本').onClick(()=>{  
        this.controller.loadData(  
          `<html><body bgcolor=\"white\">Source:source</body></html>`,  
          "text/html",  
          "UTF-8"  
        );  
      })  
      Button('点击字体变大').onClick(()=>{  
        this.fontSize+=2;  
      })  
      // 通过$rawfile加载本地资源文件。  
      Web({ src: 'www', controller: this.controller })  
        .javaScriptAccess(true).domStorageAccess(true).fileAccess(true).defaultFontSize(this.fontSize)  
  
    }  
  }  
}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.

回复

2024-09-26 15:49:50

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

发布

相关问题

HarmonyOS 富文本如何设置默认字体大小跟字体颜色

608浏览 • 1回复待解决

HarmonyOS Web组件加载富文本字体太小，如何设置字体大小？

1704浏览 • 1回复待解决

HarmonyOS 有没有同时支持富文本和字体大小自适应的组件？

808浏览 • 1回复待解决

如何实现文本字体大小自动变化以适用组件尺寸？

923浏览 • 1回复待解决

HarmonyOS List中字体大小的全局修改

691浏览 • 1回复待解决

如何实现修改字体大小，APP内的字体不受影响。修改显示大小，这个时候APP内的字体受影响

1048浏览 • 1回复待解决

HarmonyOS 字体大小如何设置？

1965浏览 • 1回复待解决

HarmonyOS 屏蔽系统字体大小设置，支持应用内调字体大小

741浏览 • 1回复待解决

是否可以关闭滚动鼠标中键，修改字体大小

722浏览 • 1回复待解决

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

822浏览 • 1回复待解决

HarmonyOS目前能否监听设置中用户修改显示大小或字体大小

875浏览 • 1回复待解决

HarmonyOS webview字体大小设置

615浏览 • 1回复待解决

HarmonyOS 系统设置中能设置字体大小，有没有获取系统字体大小档位，设置应用字体大小档位的api？

896浏览 • 1回复待解决

HarmonyOS 怎么获取系统字体大小

1284浏览 • 1回复待解决

鸿蒙IndexBar如何设置字体大小？

7339浏览 • 1回复待解决

HarmonyOS 文本部分字体修改颜色大小，并添加点击事件实现

913浏览 • 1回复待解决

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

1243浏览 • 1回复待解决

设计稿、字体大小不受系统字体大小影响且能适配多端

2114浏览 • 1回复待解决

应用内字体大小设置调整

843浏览 • 1回复待解决

Text组件的字体大小在不同设备上显示不一致，请问如何实现字体大小的自适应

145浏览 • 0回复待解决

HarmonyOS RichText无法指定字体大小

592浏览 • 1回复待解决

HarmonyOS 字体大小适配方案

2568浏览 • 1回复待解决

RichEditor 如何设置初始字体大小与颜色?

1486浏览 • 1回复待解决

HarmonyOS 如何获取设置中系统字体大小

1109浏览 • 1回复待解决

全局设置字体大小方案咨询

967浏览 • 1回复待解决

提问

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

相关讨论帖

HarmonyOS dialog 修改尺寸大小 0回复

鸿蒙应用开发练习：设置文本内容大小，位置，颜色，监听器等 1回复

HarmonyOS应用开发-修改卡片内容 0回复

#HarmonyOS NEXT体验官# 实现矩形上下拖动、动态拖拽修改高度 0回复

动态卡片：富媒体内容井喷式增长下，新一代移动端动态研发的模式 0回复

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