51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术24年11月软考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 Web组件加载富文本字体太小，如何设置字体大小？
476浏览 • 1回复 待解决
HarmonyOS 有没有同时支持富文本和字体大小自适应的组件？
314浏览 • 1回复 待解决
如何实现文本字体大小自动变化以适用组件尺寸？
485浏览 • 1回复 待解决
HarmonyOS 字体大小如何设置？
568浏览 • 1回复 待解决
如何实现修改字体大小，APP内的字体不受影响。修改显示大小，这个时候APP内的字体受影响
448浏览 • 1回复 待解决
HarmonyOS webview字体大小设置
60浏览 • 1回复 待解决
HarmonyOS 系统设置中能设置字体大小，有没有获取系统字体大小档位，设置应用字体大小档位的api？
323浏览 • 1回复 待解决
是否可以关闭滚动鼠标中键，修改字体大小
326浏览 • 1回复 待解决
HarmonyOS目前能否监听设置中用户修改显示大小或字体大小
327浏览 • 1回复 待解决
HarmonyOS 怎么获取系统字体大小
531浏览 • 1回复 待解决
HarmonyOS RichText 无法自适应高度、无法设置富文本内容字体样式
596浏览 • 1回复 待解决
应用内字体大小设置调整
311浏览 • 1回复 待解决
鸿蒙IndexBar如何设置字体大小？
6913浏览 • 1回复 待解决
RichEditor 如何设置初始字体大小与颜色?
945浏览 • 1回复 待解决
HarmonyOS 字体大小适配方案
678浏览 • 1回复 待解决
设计稿、字体大小不受系统字体大小影响且能适配多端
1653浏览 • 1回复 待解决
HarmonyOS 如何获取设置中系统字体大小
493浏览 • 1回复 待解决
全局设置字体大小方案咨询
428浏览 • 1回复 待解决
HarmonyOS 应用内字体大小调节
560浏览 • 1回复 待解决
HarmonyOS 应用内字体大小怎么设置？
30浏览 • 1回复 待解决
HarmonyOS 如何放大缩小整个应用的字体大小
595浏览 • 1回复 待解决
HarmonyOS 调整系统字体之后，app的字体会跟随系统字体大小改变，需求是不跟随系统字体大小改变。
53浏览 • 1回复 待解决
如何修改Navigation组件的标题样式呢？修改标题的字体大小以及粗细，只有一个titlle属性
1911浏览 • 1回复 待解决
HarmonyOS如何加载富文本内容，不使用web的方式?
353浏览 • 1回复 待解决
如何设置Text的字体，可以不受系统设置里显示字体大小的影响
910浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
HarmonyOS dialog 修改尺寸 大小 0回复
鸿蒙应用开发练习：设置文本内容大小，位置，颜色，监听器等 1回复
HarmonyOS应用开发-修改卡片内容 0回复
动态卡片：富媒体内容井喷式增长下，新一代移动端动态研发的模式 0回复
鸿蒙js开发 如何动态修改image的src 2回复