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

import web_webview from '@ohos.web.webview'; 
import business_error from '@ohos.base'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
 
  build() { 
    Column() { 
      Button('loadData') 
        .onClick(() => { 
          try { 
            this.controller.loadData( 
              '<html><head><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.5, minimum-scale=1.0, user-scalable=no"/></head><body><br><br><b>ffffffff</b><i style="font-weight: bold;">ffffff</i><font color="#ef432c" size="4">ffffffffff</font><font color="#00ff00" size="4">ffffffff</font><font color="#0000ff" size="4">ffffff<font size="4"><b>ffffffff</b><font size="4">ffffff<b>ffffff</b><font size="4">ffffffff<b>fffffff<i>fffffffff<font size="4">fffffff</font></i></b></font></font></font></font> 发自我的test<br><br></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: '', controller: this.controller }) 
    } 
  } 
}

运行后font标签中的文本无法显示,请帮忙排查下是什么原因呢?

HarmonyOS
2024-11-07 10:45:49
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

参考代码如下:

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 = `<html > 
  <head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Document</title> 
  </head> 
  <br><br> 
  <b>ffffffff</b> 
  <i style="font-weight: bold;">aaaaaaa</i> 
  <p color="ef432c" size="4">bbbbbbbbbbb</p> 
  <font color="00ff00" size="4">ccccccccc</font> 
  <font color="0000ff" size="4">ddddddd<font size="4"> 
  <b>3333333</b><font size="4">fffff<b>eeeeeeee</b> 
  <font size="4">aaaaaaaa<b>fffffff<i>tttttttt<font size="4">nnnnnnnnnnnnnn</font> 
  </i></b></font>发自我的test</font> 
  </font></font><br><br></body> 
</html>` 
 
  // 
 
  build() { 
    Column() { 
      Button('loadData') 
        .onClick(() => { 
          try { 
            this.controller.loadData(this.htmlStr, "text/html", ''); 
          } 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 }) 
    } 
  } 
}

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

this.controller.loadData(this.htmlStr, "text/html", "UTF-8", " ", " ");
分享
微博
QQ
微信
回复
2024-11-07 17:19:16
相关问题
webview 如何显示纯文本html内容
1893浏览 • 1回复 待解决
预览器上WEB组件无法显示HTML内容
2423浏览 • 1回复 待解决
HarmonyOS webview如何加载沙箱html
327浏览 • 1回复 待解决
如何解决webview loaddata白屏问题
1093浏览 • 1回复 待解决
HarmonyOS webview组件如何加载html代码?
353浏览 • 1回复 待解决
webviewControllerloadData无法显示长文本
1857浏览 • 1回复 待解决
Web如何使用loadData加载复杂Html字符串
2155浏览 • 1回复 待解决
HarmonyOS map无法展示
93浏览 • 1回复 待解决
HarmonyOS webview加载本地html问题
244浏览 • 1回复 待解决
HarmonyOS Web如何搜索html界面的内容
255浏览 • 1回复 待解决
HarmonyOS List上展示html字符串
287浏览 • 1回复 待解决
HarmonyOS Web无法访问指定html
134浏览 • 1回复 待解决
富文本在web组件无法展示
1899浏览 • 1回复 待解决
Text怎么解析展示html标签文本?
1989浏览 • 1回复 待解决
HarmonyOS 地图组件无法展示
96浏览 • 1回复 待解决
HarmonyOS Next系统webview是什么内容
153浏览 • 1回复 待解决