You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

MAUI WebView绑定ObservableProperty时无法解码HTML内容

解决MAUI WebView显示编码后HTML文本的问题

问题核心是API返回的是HTML编码后的字符串(比如<被转成&lt;),而HtmlWebViewSource不会自动解码这类内容,导致WebView把编码实体当成纯文本渲染。

解决步骤:

在ViewModel中对API返回的编码字符串进行HTML解码后,再赋值给绑定属性。

代码示例:

ViewModel(使用CommunityToolkit.Mvvm):

using System.Net;
using CommunityToolkit.Mvvm.ComponentModel;

public partial class YourViewModel : ObservableObject
{
    [ObservableProperty]
    private string _myHtml;

    public async Task LoadHtmlContent()
    {
        // 替换为实际API请求逻辑
        var encodedHtml = await YourApiService.GetEncodedHtmlAsync();
        
        // 关键:解码HTML编码的字符串
        MyHtml = WebUtility.HtmlDecode(encodedHtml);
    }
}

XAML部分:

<WebView HeightRequest="400" WidthRequest="400">
    <WebView.Source>
        <HtmlWebViewSource Html="{Binding MyHtml}" />
    </WebView.Source>
</WebView>

补充说明:

  • 确认API返回内容:如果返回的是未编码的原始HTML,请勿使用解码方法,否则会导致正常标签被转义失效。
  • WebUtility.HtmlDecode是.NET内置方法,无需额外引入包,能正确处理大部分HTML实体编码。

内容的提问来源于stack exchange,提问作者Bryan Tan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.08 22:12:02