鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 25年5月软考 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

HarmonyOS WebView无法显示展示含有color属性的font标签

例如

 <font size="5" color="#c24f4a">开具发票后，将不再提供不过全退/升级服务。</font>

HarmonyOS

2024-12-25 14:19:10

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

若html中的富文本中带有注入#等特殊字符，建议使用带有两个空格的loadData函数，将baseUrl和historyUrl置为空。示例：

import web_webview from '@ohos.web.webview';
import business_error from '@ohos.base';
@Entry
@Component
struct WebColor {
  controller: web_webview.WebviewController = new web_webview.WebviewController();
  build() {
    Column() {
      Button('loadData')
        .onClick(() => {
          try {
            this.controller.loadData(
              `<html>
                <header>
                  <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'>
                </header>
                <body bgcolor=\"white\">
                  <font color='#c24f4a' size='5'>开具发票后，将不再提供不过全退/升级服务。</font>
                </body>
              </html>`,
              "text/html",
              "UTF-8",
              " ",
              " "
            );
          } catch (error) {
            let e: business_error.BusinessError = error as business_error.BusinessError;
            console.error(`ErrorCode: ${e.code},  Message: ${e.message}`);
          }
        })
      Web({ src: 'www.index.com', controller: this.controller })
    }
  }
}

回复

2024-12-25 17:43:01

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

发布

相关问题

RichText组件font标签size属性不符合预期

2157浏览 • 1回复待解决

HarmonyOS WebView loaddata 无法完全展示html中的内容

382浏览 • 1回复待解决

HarmonyOS 使用webview加载H5页面时，页面内容包含iframe标签，无法正常显示。

350浏览 • 1回复待解决

Navigation的menus中的icon属性无法展示图标

2555浏览 • 1回复待解决

HarmonyOS webview加载页面无法显示

1041浏览 • 1回复待解决

HarmonyOS判断Object中是否含有某个属性

1376浏览 • 1回复待解决

HarmonyOS startWindowIcon属性中的图标无法全屏显示

621浏览 • 1回复待解决

HarmonyOS webview部分网页无法显示

318浏览 • 1回复待解决

HarmonyOS webview 和 listview 在scroll内嵌套使用，webview中有video标签，点击video的全屏，页面显示异常，不能全屏显示

197浏览 • 1回复待解决

HarmonyOS webview打开网址有图片无法显示

890浏览 • 1回复待解决

HarmonyOS 类似Html.fromHtml将含有html标签的字符串转换成对应格式的文字显示在界面上

186浏览 • 1回复待解决

Text怎么解析展示带html标签的文本？

2426浏览 • 1回复待解决

HarmonyOS 键盘导致webview展示不全

174浏览 • 1回复待解决

HarmonyOS map无法展示

340浏览 • 1回复待解决

HarmonyOS 地图无法展示

337浏览 • 1回复待解决

HarmonyOS 使用Text渲染数据时，内容含有html标签怎么能渲染出来呢？

212浏览 • 1回复待解决

webview的<image>标签支持apng格式的图片吗？

1050浏览 • 1回复待解决

Text怎么显示带html标签的文本

4838浏览 • 1回复待解决

HarmonyOS webView视频横屏展示

286浏览 • 1回复待解决

HarmonyOS Toast无法展示

107浏览 • 1回复待解决

HarmonyOS h5上的input的标签光标颜色如何更改，这边设置了caret-color无效？

593浏览 • 1回复待解决

HarmonyOS webview显示白屏

420浏览 • 1回复待解决

HarmonyOS 文本中标签标记的内容高亮显示

138浏览 • 1回复待解决

HarmonyOS WebView组件展示的网页如何支持暗黑模式

174浏览 • 1回复待解决

HarmonyOS OAID弹窗无法展示

76浏览 • 1回复待解决

提问

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

相关讨论帖

WebView上显示加载框（5种方案） 2回复

WebView加载html图片不显示问题 1回复

求助：鸿蒙矢量图属性无法获取的问题？ 2回复

harmonyos webview范例 0回复

HarmonyOS原子服务开发-对于NFC标签的规范 0回复

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