HarmonyOS 鸿蒙Next 解析HTML代码

发布于 1周前 作者 nodeper 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 解析HTML代码

html格式的文本内容   <img src="https://image.baidu.com"width="553"height="305"alt=“图片1.png” />

怎样解析到里面具体分别对应的值  

src :  https://image.baidu.com

width : 553

height : 305

alt : 图片1.png

Harmonyos Next教程
8 回复

解析试试这个OpenHarmony-SIG/jsoup (gitee.com)

如果要展示一段html内容，可以使用richtext组件，参考文档https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-richtext-V5

jsoup引入进去后，项目就一直编译不成功，有办法解决吗 > hvigor ERROR: Failed :entry:default@CompileArkTS… > hvigor ERROR: Cannot read properties of undefined (reading ‘bundleName’) 1 ERROR: ArkTS:ERROR Failed to resolve OhmUrl. Error Message: Failed to get a resolved OhmUrl for “E:\Items\DevEcoStudioProjects\HtmlConvert\oh_modules.ohpm\domhandler@5.0.3\oh_modules\domhandler\lib\esm\index.js” imported by “E:\Items\DevEcoStudioProjects\HtmlConvert\oh_modules.ohpm@ohos+htmlparser2@1.0.2\oh_modules@ohos\htmlparser2\src\main\ets\esm\index.js”.

  • Try the following: > Check whether the module which E:\Items\DevEcoStudioProjects\HtmlConvert\oh_modules.ohpm\domhandler@5.0.3\oh_modules\domhandler\lib\esm\index.js belongs to is correctly configured. > Check the corresponding file name is correct(including case-sensitivity).

COMPILE RESULT:FAIL {ERROR:2}

貌似该库目前已经不支持最新版的IDE了，我今天也在尝试解析

这个应该不支持吧，楼主是什么场景需要用到这个能力？

列表展示 接口返回的内容是这种HTML格式的 有的显示文字 有的显示图片 <p>内容</p> <p><img src="https://image.baidu.com"width="553"height="305"alt=“图片1.png” /></p>

那是不是可以用RichText组件或者web组件的loadData方法来加载这段接口返回的文本呀？

返回的数据少兴许可以 但是基本上<p>标签得有百八十个 所以现在用了List 加载Text/Image显示 根据<p>分割成了段落 功能毕竟还有设置文本样式还有链接等 之前我写的iOS也是这样的逻辑

在HarmonyOS鸿蒙Next系统中解析HTML代码，通常可以通过集成WebView组件或使用第三方库来实现。WebView组件是嵌入在应用程序中的一个浏览器控件，能够加载和显示网页内容，包括HTML、CSS和JavaScript。

  1. 使用WebView组件：

    • 首先，确保你的HarmonyOS项目已经配置好并可以运行。
    • 在布局文件中添加WebView组件。
    • 在代码中，通过WebView的loadUrl或loadData方法加载HTML内容。
    • 如果需要处理HTML中的JavaScript交互，可以通过WebView的JavaScript接口进行。

  2. 使用第三方库：

    • 对于更复杂的HTML解析需求，可以考虑使用如Jsoup等第三方库。这些库提供了丰富的API来解析和操作HTML文档。
    • 需要注意的是，第三方库可能需要额外的配置和依赖管理。

  3. 注意事项：

    • 确保HTML内容的来源是可信的，以避免安全风险。
    • 在处理用户输入的HTML时，要进行适当的过滤和转义，以防止XSS攻击。
    • WebView的性能和安全性需要仔细考虑，特别是在处理大量或复杂的HTML内容时。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html

回到顶部