使用MVVM在WPF中显示HTML

使用MVVM在WPF中显示HTML,第1张

概述我将 HTML-Source字符串保存在HTMLReport字段中称为“Report”的SQL Server表中(字段类型为NTEXT).现在我需要显示存储的HTML 进入WPF窗口.需要在此WPF窗口上解释HTML标记和内联CSS. 有人可以帮我完成这段代码吗? HTMLView.xaml <Window x:Class="MyProject.HTMLView" xmlns="http: 我将 HTML-Source字符串保存在HTMLReport字段中称为“Report”的sql Server表中(字段类型为NTEXT).现在我需要显示存储的HTML
进入WPF窗口.需要在此WPF窗口上解释HTML标记和内联CSS.

有人可以帮我完成这段代码吗?

HTMLVIEw.xaml

<Window x:Class="MyProject.HTMLVIEw"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:wf="clr-namespace:System.windows.Forms;assembly=System.windows.Forms"    title="HTML VIEw" Height="454" WIDth="787"    >  <GrID name="grID1">    <windowsformshost>    <wf:RichTextBox x:name="reportHTML" Text="{Binding displayHTML,Mode=OneWay}"/>       <!-- How do i bind dispaly HTML page here-->    </windowsformshost>  </GrID></Window>

HTMLviewmodel.cs

namespace MyProject  {    public class HTMLviewmodel: viewmodelBase    {      public HTMLviewmodel()      {            //Reading from sql Server table             //SELECT HTMLReport FROM Report WHERE ID=123            //OK,I have HTMLString from database over here            //Now I am assigning that to displayHTML Property           displayHTML ="<table><tr><td><b>This text should be in table with bold fond </b></td></tr></table>";      }      private string _displayHTML;      public string displayHTML      {        get        {            return _displayHTML;        }        set        {            if (_displayHTML!= value)            {                _displayHTML= value;                OnPropertyChanged("displayHTML");            }        }    }  }
解决方法 您可能想要使用 WPF RichTextBox而不是Winforms.请注意,其 Document property是Flowdocument类型.由于您有HTML,因此需要一种将HTML转换为Flowdocument的方法. This question and answer描述了进行转换的方法. 总结

以上是内存溢出为你收集整理的使用MVVM在WPF中显示HTML全部内容,希望文章能够帮你解决使用MVVM在WPF中显示HTML所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1134122.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存