鸿蒙开发者社区

公众号矩阵

移动端

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

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

HarmonyOS Web通过loadData加载html不显示内容

场景：文章详情展示，html模板是在rawfile中，里面的具体内容是从文章接口中获取

结果：html中带了color:#FC6626这种颜色样式，就显示不出来里面的文字

HarmonyOS

2024-12-25 14:41:22

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

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

因为#是特殊字符,需要转义特殊处理，请按照以下代码进行加载

示例参考如下：

import web_webview from '@ohos.web.webview';
import business_error from '@ohos.base';
@Entry
@Component
struct WebPage {
  controller: web_webview.WebviewController = new web_webview.WebviewController();
  htmlStr = `<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="aplus-terminal" content="1">
<meta name="format-detection" content="telephone=no,email=no,adress=no">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta name="aplus-touch" content="1">
</head>
<body>
<div class="container">
<span style="color:#FC6626;font-size:16px;">火得让人猝不及防。哪哪都是ChatGPT。</span>
</div>
</body>
</html>`

  //

  build() {
    Column() {
      Button('loadData')
        .onClick(() => {
          try {
            this.controller.loadData(this.htmlStr,"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: '', controller: this.controller })
    }
  }
}

回复

2024-12-25 17:16:38

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

发布

相关问题

HarmonyOS Webview通过loadData加载富文本内容不显示，但是通过loadUrl加载同样的富文本html文件就可以正常显示。

1106浏览 • 1回复待解决

HarmonyOS web组件loadData加载内容显示异常

1117浏览 • 1回复待解决

HarmonyOS 使用web组件loadData加载html文件白屏

2562浏览 • 1回复待解决

HarmonyOS webview无法通过loadData加载内容

1284浏览 • 1回复待解决

Web如何使用loadData加载复杂Html字符串

3678浏览 • 1回复待解决

HarmonyOS web通过loadData加载h5标签

1604浏览 • 1回复待解决

HarmonyOS web加载页面图片不显示

1967浏览 • 1回复待解决

HarmonyOS Web组件加载片段时候不显示

995浏览 • 1回复待解决

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

1084浏览 • 1回复待解决

预览器上WEB组件无法显示HTML内容

4098浏览 • 1回复待解决

HarmonyOS webloadData不显示内容

814浏览 • 1回复待解决

HarmonyOS webviewController调用loadData函数加载本地html文件异常

998浏览 • 1回复待解决

HarmonyOS web加载内容过多时，无法显示

1338浏览 • 1回复待解决

HarmonyOS web加载本地沙箱HTML和JS文件无法显示

2254浏览 • 1回复待解决

HarmonyOS Web组件不显示图片

908浏览 • 1回复待解决

HarmonyOS 输入框不显示内容

1455浏览 • 2回复待解决

HarmonyOS web如何获取html内容高度

1008浏览 • 1回复待解决

HarmonyOS web加载本地html显示的为pc端网页效果

1060浏览 • 1回复待解决

HarmonyOS Web动态加载html片段，带有#会显示空白问题

2240浏览 • 1回复待解决

HarmonyOS web组件alert不显示

2212浏览 • 1回复待解决

HarmonyOS Text 使用fontFamily 文本内容不显示

1374浏览 • 1回复待解决

HarmonyOS web使用loaddata加载string类型的html源数据的时候会先白一点时间再加载

600浏览 • 1回复待解决

通过Web组件加载一段Html代码片段如何实现？

1364浏览 • 1回复待解决

HarmonyOS WebviewController 加载的网页不显示

1141浏览 • 1回复待解决

HarmonyOS 网络图片加载不显示

2077浏览 • 1回复待解决

提问

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

相关讨论帖

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

HarmonyOs webview 加载本地html 6回复

鸿蒙原生应用元服务开发-Web加载HTML格式的文本数据 0回复

HarmonyOS—使用Web组件加载页面 0回复

dayu200设备video组件播放黑屏，web组件本地资源和网络资源都不显示。 0回复

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