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

HarmonyOS 富文本内容字体大小动态修改如何实现？

查询文档RichText只支持部分标签，同时无法动态修改字体大小。

HarmonyOS
FengTianYa
2024-09-26 11:41:33
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu
zxjiu

参照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)  
  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-09-26 15:49:50
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS 富文本如何设置默认字体大小跟字体颜色
301浏览 • 1回复 待解决
HarmonyOS Web组件加载富文本字体太小，如何设置字体大小？
1224浏览 • 1回复 待解决
HarmonyOS 有没有同时支持富文本和字体大小自适应的组件？
615浏览 • 1回复 待解决
如何实现文本字体大小自动变化以适用组件尺寸？
755浏览 • 1回复 待解决
HarmonyOS List中字体大小的全局修改
353浏览 • 1回复 待解决
如何实现修改字体大小，APP内的字体不受影响。修改显示大小，这个时候APP内的字体受影响
804浏览 • 1回复 待解决
HarmonyOS 字体大小如何设置？
1585浏览 • 1回复 待解决
HarmonyOS 屏蔽系统字体大小设置，支持应用内调字体大小
443浏览 • 1回复 待解决
是否可以关闭滚动鼠标中键，修改字体大小
477浏览 • 1回复 待解决
HarmonyOS目前能否监听设置中用户修改显示大小或字体大小
640浏览 • 1回复 待解决
HarmonyOS 使用RichText加载富文本字体太小，且加载富文本时偶现白屏无法显示富文本内容
526浏览 • 1回复 待解决
HarmonyOS webview字体大小设置
368浏览 • 1回复 待解决
HarmonyOS 系统设置中能设置字体大小，有没有获取系统字体大小档位，设置应用字体大小档位的api？
644浏览 • 1回复 待解决
HarmonyOS 怎么获取系统字体大小
1058浏览 • 1回复 待解决
鸿蒙IndexBar如何设置字体大小？
7153浏览 • 1回复 待解决
HarmonyOS 文本部分字体修改颜色大小，并添加点击事件实现
369浏览 • 1回复 待解决
HarmonyOS RichText 无法自适应高度、无法设置富文本内容字体样式
952浏览 • 1回复 待解决
设计稿、字体大小不受系统字体大小影响且能适配多端
1925浏览 • 1回复 待解决
HarmonyOS RichText无法指定字体大小
331浏览 • 1回复 待解决
HarmonyOS 字体大小适配方案
1922浏览 • 1回复 待解决
应用内字体大小设置调整
567浏览 • 1回复 待解决
HarmonyOS 如何获取设置中系统字体大小
900浏览 • 1回复 待解决
RichEditor 如何设置初始字体大小与颜色?
1258浏览 • 1回复 待解决
HarmonyOS RichText组件无法设置字体大小
337浏览 • 1回复 待解决
HarmonyOS 应用内调整全局字体大小
640浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
HarmonyOS dialog 修改尺寸 大小 0回复
鸿蒙应用开发练习：设置文本内容大小，位置，颜色，监听器等 1回复
HarmonyOS应用开发-修改卡片内容 0回复
动态卡片：富媒体内容井喷式增长下，新一代移动端动态研发的模式 0回复
鸿蒙js开发 如何动态修改image的src 2回复