webview2实现读取本地文件MD文件显示

webview2实现读取本地文件MD文件显示

目录

• 安装环境
• Xaml代码
• 代码部分
  • 初始化
  • 导航

安装环境

需要在Nuget包管理器中安装库:

• Microsoft.Web.WebView2
• Markdig

Xaml代码

引入库文件：

xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"

创建控件：

代码部分

初始化

使用webView必须初始化，两种方式：

• 在xmal中，直接为Source赋值，比如 ，注意Source="" 没有初始化。
• 在代码中初始化，代码如下：

  private async void InitializeAsync() {
      await webView.EnsureCoreWebView2Async(null);
  }
  

功能实现webView.CoreWebView2.Navigate：

private void ShowMdFile() {
    var mdPath = Path.Combine(PathHelper.CurrentExePath, "Resources/md/xxxx.md");
    var content = File.ReadAllText(mdPath);
    var HtmlContent = Markdown.ToHtml(content);
    webView.CoreWebView2.NavigateToString(HtmlContent);
}

导航

webView.CoreWebView2.Navigate

• 可以实现网址的导航

  webView.CoreWebView2.Navigate(http://www.baidu.com" );
  

• 也可以直接调用本地，地址需要加上file:///：

  private void ShowHtml() {
     var htmlPath = $"file:///{Path.Combine(PathHelper.CurrentExePath, "Resources/md/xxxxx.html")}";
     webView.CoreWebView2.Navigate(htmlPath);
  }
  

• 可以导航文件的内容

  webView.CoreWebView2.NavigateToString(HtmlContent);