鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 24年11月软考 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

1天前

浏览

赞

收藏 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 })
    }
  }
}

回复

1天前

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

发布

相关问题

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

86浏览 • 1回复待解决

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

30浏览 • 1回复待解决

HarmonyOS webview无法通过loadData加载内容

30浏览 • 1回复待解决

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

2374浏览 • 1回复待解决

HarmonyOS web通过loadData加载h5标签

270浏览 • 1回复待解决

HarmonyOS web加载页面图片不显示

527浏览 • 1回复待解决

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

240浏览 • 1回复待解决

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

284浏览 • 1回复待解决

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

2593浏览 • 1回复待解决

HarmonyOS webloadData不显示内容

21浏览 • 1回复待解决

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

287浏览 • 1回复待解决

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

747浏览 • 1回复待解决

HarmonyOS 输入框不显示内容

90浏览 • 1回复待解决

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

87浏览 • 1回复待解决

HarmonyOS web组件alert不显示

656浏览 • 1回复待解决

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

741浏览 • 1回复待解决

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

438浏览 • 1回复待解决

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

128浏览 • 1回复待解决

HarmonyOS WebviewController 加载的网页不显示

65浏览 • 1回复待解决

HarmonyOS 网络图片加载不显示

133浏览 • 1回复待解决

HarmonyOS Web如何搜索html界面的内容？

345浏览 • 1回复待解决

HarmonyOS Web组件加载html文件异常

542浏览 • 1回复待解决

在组件的aboutToAppear()中，使用WebviewController的loadData（）方法加载html报错

682浏览 • 1回复待解决

webview 如何显示纯文本html内容？

2074浏览 • 1回复待解决

HarmonyOS Web加载HTML格式的文本失败

68浏览 • 1回复待解决

提问

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

相关讨论帖

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

HarmonyOs webview 加载本地html 6回复

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

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

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

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