首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何从UWP应用程序使用XAML在TextBlock中显示HTML内容?

在UWP应用程序中,可以使用WebView控件来显示HTML内容。WebView控件是一个内置的浏览器控件,可以加载和显示网页内容。

要在TextBlock中显示HTML内容,可以通过以下步骤实现:

  1. 在XAML文件中,添加一个WebView控件和一个TextBlock控件:
代码语言:txt
复制
<Grid>
    <WebView x:Name="webView" Visibility="Collapsed"/>
    <TextBlock x:Name="textBlock"/>
</Grid>
  1. 在代码中,使用WebView控件加载HTML内容,并将其转换为纯文本,然后将结果设置到TextBlock控件中:
代码语言:txt
复制
private async void LoadHtml()
{
    string html = "<p>This is <b>bold</b> text.</p>";
    
    webView.NavigateToString(html);
    await webView.EnsureWebView2Async(); // 确保WebView2已初始化
    
    string plainText = await webView.InvokeScriptAsync("eval", new string[] { "document.body.innerText;" });
    
    textBlock.Text = plainText;
}

在上述代码中,我们首先使用NavigateToString方法将HTML内容加载到WebView控件中。然后,使用InvokeScriptAsync方法执行JavaScript代码,获取WebView中的纯文本内容。最后,将纯文本内容设置到TextBlock控件中。

这样,当调用LoadHtml方法时,TextBlock控件将显示HTML内容的纯文本形式。

推荐的腾讯云相关产品:腾讯云云服务器(https://cloud.tencent.com/product/cvm)和腾讯云云原生应用引擎(https://cloud.tencent.com/product/tke)。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

win10 uwp 如何使用DataTemplate 转换绑定Event到Command绑定 ObservableCollectionDataTemplate 绑定 ViewM

这是数据模板,一般用在数组的绑定,显示数组的元素。...假如我们有一个列表,列表里是书,包括书名、作者、还有出版,那么我们只有源信息,如何把它显示到我们的ListView,就需要DataTemplate。...staticResource 首先是创建一个类,这个类继承IValueConverter,于是就有两个方法,我们要实现两个方法,一个是数据源转换到 xaml ,一个是反过来。...List 内容改变无法看到,界面修改 需要修改 List 内容,修改页面,添加一个新的 item 可以页面添加一个 项,不是初始的时候进行修改,可以使用方法: 修改之后 使用 listView.Itemsource...> 可以看到页面显示一个元素,但是如何想让 TextBlock 绑定 Name 怎么做?

2.6K20

Windows Community Toolkit 3.0 新功能

修改命名就是最大的更新,本文完(不要打我) 新的版本的不重要的更新是 支持 WPF 和 WinForms 使用新的控件,包括 Edge 浏览器 所有的 UWP 可以 Xaml 开启 eye...只需要安装Microsoft.Toolkit.Uwp.Input.GazeInteraction 就可以 Xaml 使用下面代码,让控件支持视线输入。..." 这个API支持让你控制视线输入界面如何处理,如果对这个有兴趣,请点击链接来学习更多内容。...下面就是提供的一些控件 ProfileCard 和 AadLogin ProfileCard 可以简单显示一个用户的多个不同格式信息,包括用户的名字、头像和邮件。...如果想入门学一下如何使用这个库,欢迎应用商店下载演示软件 来使用。如果觉得希望添加代码,请进入github提交贡献 因为我的英文有限,可能翻译不出原文表达的意思,欢迎大家进入下面的原文。

1.4K10

UWP ListView数据绑定

制作UWP个人项目时需要用到数据绑定,网上的教程大都不全,特此记录下自己使用的方法。 绑定源 指定一个类用来保存数据,以我自己的项目为例,需要定义“邮件”类。...state = (STATE)reader[6].ToString().ToInt(); } /// /// 获取概要,用于显示...TextBlock /// /// string类型:标题+"\n"+概要 public string...进行了页面跳转,即使使用GoBack()来返回,原页面也会重新加载,因此建议使用静态类来避免数据丢失,并且修改集合时也不需要获取MainPage的实例 创建绑定 xaml文件头定义命名空间 由于我的Email...类MailSystem_UWP.Bean下,因此定义该命名空间为local xmlns:local="using:MailSystem_UWP.Bean" xaml文件的Page标签内定义模板 <Page.Resources

1.4K10

了解模板化控件(2.1):理解ContentControl

UWP的UI主要由布局容器和内容控件(ContentControl)组成。布局容器是指Grid、StackPanel等继承自Panel,可以拥有多个子元素的类。...UWP,Button、CheckBox、ScrollViewer、Frame、ToolTip等都继承自ContentControl,其它控件则不是ContentTemplate中使用ContentControl...ContentTemplate 要将ContentControl的内容按自己的想法显示出来,可以使用ContentTemplate属性public DataTemplate ContentTemplate...DataTemplate是定义如何显示绑定的数据对象的XAML标记。DataTemplate定义的XAML块中元素的DataContext相当于所在ContentControl的Content。...注意:ContentTemplateSelector的缺点是需要创建多个模板,通常同一组数据的模板只有少部分的差别,可以同一个模板通过IValueConverter等方式显示不同的格式。

85140

win10 uwp xaml 兼容多个版本条件编译

如果开发的程序需要在多个版本运行,又需要使用最新版本的特性,那么请看本文。 本文告诉大家如何设置 xaml 的条件编译。...如果只需要在 cs 判断版本,那么可以使用星期大神的代码,请看UWP 判断系统版本 但是如果是 xaml ?...我需要使用 16299 的功能,但是我需要让程序可以 15063 运行,那么这时就需要 uwp xmal 条件编译。 使用的方法很简单,不过条件编译不是和 cs 代码使用 #if 的方式。...因为我的系统是 16299 所以运行就是显示最新的系统,如果是 15063 的系统运行,因为我自己没运行,所以运行显示的我也不知道。 下面让我来告诉大家是如何写的。...但是不能这样写代码 如果需要判断 16299

1K20

WindowsXamlHost: WPF 中使用 UWP 控件库的控件

WindowsXamlHost: WPF 中使用 UWP 的控件(Windows Community Toolkit) 一文,我们说到了 WPF 引入简单的 UWP 控件以及相关的注意事项...不过,通常更有实际价值的是更复杂的 UWP 控件的引入,通常是一整个 Page。 本文将介绍如何在 WPF 项目中引用 UWP 的控件库。...image.png ▲ 生成的文件已复制到 WPF 目录下 WPF 项目中间接引用 UWP 控件库 现在, WPF 项目中开启所有文件夹的显示,然后将 UWP 项目中生成的文件添加到 WPF...方法是 WPF 项目内生成的 UWP 文件夹下添加一个 .gitignore 文件,填写所有内容忽略: *.* image.png 但记得需要额外通过 git add .... WPF 项目中使用 UWP 控件库的控件 这时, WindowsXamlHost 中就可以添加 UWP 控件库的 MainPage 了。

5.8K20

win10 uwp 资源字典 资源的key所有的元素都可以定义资源合并资源字典主题资源共享的资源用户控件资源定义

本文告诉大家如何定义、使用资源 本文主要翻译ResourceDictionary and XAML resource references - UWP app developer ,里面的代码我重新写了一下...资源定义 Name 是 UWP 才有的, WPF 是不能这样做,定义了 Name 可以很快在后台代码拿到资源,但是运行效率 Name 会比 Key 低,因为页面 Loaded 之后需要初始化这个资源...如果大家还不知道什么是 FrameworkElement ,那么简单可以说,所有显示界面的元素都是 FrameworkElement ,所以所有显示的元素都可以定义资源。包括面板和自定义控件。...通过这个方法可以自定义需要的资源,也就是 App.xaml 定义一般使用的资源,然后 Page 定义页面的资源,元素定义特殊资源。...关于主题切换,请看[切换主题 (https://lindexi.gitee.io/post/win10-uwp-%E5%88%87%E6%8D%A2%E4%B8%BB%E9%A2%98.html ) 共享的资源

1K10

使用PointLight并实现动画效果

Composition Lighting UWP的Composition Light是一组可以创建3D光照的API,它明明十分好玩而且强大, 但博客园几乎没有相关文章(用UWP或pointlight做关键字只能找到我自己的文章...Composition Light有四种类型: AmbientLight,发出出现的非定向光源的光源反射场景的所有内容。 DistantLight,无限大远处的光源的发光的一个方向。 如 sun。...使用PointLight 使用PointLight最基础的例子是WindowsCompositionSamples的 TextShimmer 例子,下面用这个例子的代码介绍如何使用PointLight...参考 组合照明 - Windows UWP applications Microsoft Docs XAML 照明 - Windows UWP applications Microsoft Docs PointLight...Class (Windows.UI.Composition) - Windows UWP applications Microsoft Docs XamlLight Class (Windows.UI.Xaml.Media

73430

Extensions in UWP Community Toolkit - WebViewExtensions

WebView Extensions 允许使用附加属性, XAML 中指定 WebView 的目标地址或目标网页内容,关于这一扩展,官方示例应用并没有对应示例,我们实现一个简单的示例截图: ?...WebViewExtensions.cs 首先来看类定义的几个附加属性: Content - WebView 的目标网页内容,类型为 string,变化时触发 OnContentChanged 事件;...并不一定是一个有效的 html 网页,也可以是一段普通的字符串,Webview 也会以默认的字体样式来显示这段字符串; private static void OnContentChanged(DependencyObject...Navigate(uri); } 调用示例 我们让 Webview 绑定 TextBlock 的 Text 作为 ContentUri,可以看到 WebView 正确跳转到了指定网址; <TextBlock...总结 到这里我们就把 UWP Community Toolkit Extensions 的 WebViewExtensions 的源代码实现过程和简单的调用示例讲解完成了,希望能对大家更好的理解和使用这个扩展有所帮助

76590

如何使用代码创建DataTemplate(或者ControlTemplate)

前言 上一篇文章([UWP]如何使用代码创建DataTemplate(或者ControlTemplate))介绍了UWP上的情况,这篇文章再稍微介绍WPF上如何实现。 2....使用FrameworkElementFactory FrameworkElementFactory用于以编程的方式创建模板,虽然文档说不推荐,但WPF中常常使用这个类,例如DisplayMemberTemplateSelector...使用XamlReader和XamlWriter 和UWP一样,WPF也支持使用XamlReader构建模板,只不过需要将 xmlns="http://schemas.microsoft.com/winfx.../winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 和UWP不一样的是WPF还有XamlWriter...原文的评论来看果然还是有些问题,如ValidationRules不能正确地序列化。总之使用要谨慎。 4.

1.9K20

XAML的响应式布局技术

传统的XAML如何适配不同分辨率 所谓的传统,是指在响应式设计没流行前XAML就已经存在的应对不同分辨率的技术,毕竟桌面客户端常常也调整窗体的大小,有些人还同时使用两个不同分辨率的屏幕。...桌面客户端合理使用以上技术可以避免客户投诉。但UWP主打跨平台,它需要更先进(或者说,更激进)的技术。 2....响应式设计技术 微软的官方文档介绍了UWP响应式设计常用的6个技术,包括重新定位、调整大小、重新排列、显示/隐藏、替换和重新构建,具体可见以下网站: ?...使用AdaptiveTrigger可以做到前一节中提到的UWP响应式设计常用的6个技术,除了UWP自带的AdaptiveTrigger,也可以自定义StateTriggerBase,这将在下一篇文章中介绍...除了使用显示隐藏,UWP还可以使用限定符名称指定CodeBehind对应的XAML文件,这有点像是自适应应用的话题。

2.3K10

win10 uwp 列表模板选择器 根据数据位置根据不同的数据

本文主要讲ListView等列表可以根据内容不同,使用不同模板的列表模板选择器,DataTemplateSelector。...如果在 UWP 需要定义某些列的显示和其他列不同,或者某些行的显示和其他行不同,那么可以使用 列表模板选择器 来定义自己的列表,让列表存在不同的显示。...根据数据位置 本文告诉大家如何做出下面的控件,可以看到这使用的是 ListView ,但是第一个元素显示和其他的元素不同,看起来就是面包屑导航 ?...好啦,我们ViewModel放一个ObservableCollection HumanWord,这时我们发现,在前台不好弄,如何让列表显示男生和女孩,因为他们的属性不同。...上面的例子只是很简单使用两个不同的数据,如果有很多不同的数据,或者数据里,需要按照数据内容,进行自定义的显示,那么使用选择器也是可以做到。

1.2K10

如何使用代码创建DataTemplate(或者ControlTemplate)

前言 上一篇文章([UWP]如何使用代码创建DataTemplate(或者ControlTemplate))介绍了UWP上的情况,这篇文章再稍微介绍WPF上如何实现。 2....使用FrameworkElementFactory FrameworkElementFactory用于以编程的方式创建模板,虽然文档说不推荐,但WPF中常常使用这个类,例如DisplayMemberTemplateSelector...使用XamlReader和XamlWriter 和UWP一样,WPF也支持使用XamlReader构建模板,只不过需要将 xmlns="http://schemas.microsoft.com/winfx.../winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 和UWP不一样的是WPF还有XamlWriter...原文的评论来看果然还是有些问题,如ValidationRules不能正确地序列化。总之使用要谨慎。 4.

1.8K80

给WPF一个HyperlinkButton

因为用起来简单啊,不需要CodeBehind的代码,绑定内容和Command都简单,而且XAML更加简单直观。...不过Silverlight为了显示MouseOver时出现的下划线使用了两层内容,一层用于正常显示(contentPresenter),另一层用于显示下划线(UnderlineTextBlock),...UWP很多使用代码控制样式的行为,通常宣称理由是为了性能,但Button是整个UI中最不需要性能的部分,毕竟一个UI不可能有几百个Button,就算有几百个HyperlinkButton,现代的UI框架也不可能仅仅因为下划线就导致性能下降...函数中使用Process.Start新进程打开目标Uri。...ControlTemplate.Resources添加了一个TextBlock的全局样式,里面的DataTrigger设置为当鼠标进入父节点的HyperlinkButton时TextDecorations

1.1K20

win10 uwp 如何开始写 uwp 程序 安装 VisualStudio创建应用启动流程显示 hellow

本文告诉大家如何创建一个 UWP 程序。...这是一系列的 uwp 入门博客,所以写的很简单 本文来告诉大家如何创建一个简单的程序 安装 VisualStudio 开始写 UWP 需要安装 VisualStudio ,安装需要从官网下载程序,或者使用网上大神做的离线安装...启动流程 很多小伙伴不知道启动流程,实际上开发的时候就需要使用一个启动流程。 ? 开始启动的时候加载的是一张静态的图片,在用户点击应用的时候就可以显示。...在读取配置之后,初始化了模块就可以跳到主页面,这时就可以主页面显示内容显示 hellow 大概所有的入门博客都会告诉大家如何写一个 hellow ,我这里也是这样告诉大家。... UWP 开发,建议界面使用 xaml 来写,什么是 xaml ,就是文件后缀是 xaml 的文件。 大概需要学 C# 的知识,现在已经到了 C# 7 ,所以新的功能是需要学。

80910
领券