MAUI WebView绑定ObservableProperty时无法解码HTML内容
解决MAUI WebView显示编码后HTML文本的问题
问题核心是API返回的是HTML编码后的字符串(比如<被转成<),而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
相关产品推荐
相关产品推荐

