鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程软考华为认证厂商认证 IT技术 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>
1.

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 })
    }
  }
}
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.
26.
27.
28.
29.
30.
31.
32.
33.
34.

回复

2024-12-25 17:43:01

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

发布

相关问题

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

2696浏览 • 1回复待解决

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

891浏览 • 1回复待解决

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

971浏览 • 1回复待解决

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

3132浏览 • 1回复待解决

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

2204浏览 • 1回复待解决

HarmonyOS webview加载页面无法显示

1776浏览 • 1回复待解决

HarmonyOS webview部分网页无法显示

1089浏览 • 1回复待解决

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

1062浏览 • 1回复待解决

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

586浏览 • 1回复待解决

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

1363浏览 • 1回复待解决

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

589浏览 • 1回复待解决

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

2845浏览 • 1回复待解决

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

767浏览 • 1回复待解决

HarmonyOS 键盘导致webview展示不全

625浏览 • 1回复待解决

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

1517浏览 • 1回复待解决

HarmonyOS map无法展示

671浏览 • 1回复待解决

HarmonyOS 地图无法展示

797浏览 • 1回复待解决

HarmonyOS webView视频横屏展示

877浏览 • 1回复待解决

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

5510浏览 • 1回复待解决

HarmonyOS Toast无法展示

565浏览 • 1回复待解决

HarmonyOS webview显示白屏

1082浏览 • 1回复待解决

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

1222浏览 • 1回复待解决

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

637浏览 • 1回复待解决

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

604浏览 • 1回复待解决

HarmonyOS 如何全局设置font-famlily

439浏览 • 1回复待解决

提问

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

相关讨论帖

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

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

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

harmonyos webview范例 0回复

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

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