美文网首页
webview2实现读取本地文件MD文件显示

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

作者: 无用书生繁华梦 | 来源:发表于2023-09-08 10:11 被阅读0次

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

目录

安装环境

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

  • Microsoft.Web.WebView2
  • Markdig

Xaml代码

引入库文件:

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

创建控件:

<Grid>
    <DockPanel>
        <wv2:WebView2 Name="webView" Source="" />
    </DockPanel>
</Grid>

代码部分

初始化

使用webView必须初始化,两种方式:

  • 在xmal中,直接为Source赋值,比如<wv2:WebView2 Name="webView" Source="http://www.baidu.com" /> ,注意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);
    

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/zhzrvdtx.html