HarmonyOS Web组件解析html文本解析不出来

这一段解析不出来

<font color='#FF8012'><a style='color:#FF8012'>哈哈哈</a></font>

HarmonyOS

aquaa

2024-12-25 14:57:38

浏览

回答 1

待解决

回答 1

按赞同

按时间

Excelsior_abit

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

参考链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-webview-V5#loaddata

demo如下

// xxx.ets
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({space:30}) {
      Button('loadData with #')
        .onClick(() => {
          try {

            // 点击按钮时，通过loadData，加载HTML格式的文本数据
            this.controller.loadData(
              "<html><body bgcolor=\"white\"><div><span style= \"color:#0909F7\" >测试测试测试测试测试</span></div></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}`);
          }
        })

      Button('loadData without #')
        .onClick(() => {
          try {
            // 点击按钮时，通过loadData，加载HTML格式的文本数据
            this.controller.loadData(
              "<html>" +
                "<body bgcolor=\"white\">" +
                "<div>" +
                "<span style=\"color: rgb(255,100,100);\">" +
                "测试测试测试测试测试测试" +
                "</span>" +
                "</div>" +
                "</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}`);
          }
        })
      // 组件创建时，加载www.index.com
      Web({ src: 'www.index.com', controller: this.controller })
    }
    .width("100%").height("100%").justifyContent(FlexAlign.Center)
  }
}

2024-12-25 17:27:45

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

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS Web组件解析html文本解析不出来

订阅鸿蒙技术特刊，精选内容抢先看