KeiStory

728x90
반응형

C# WebView2 에 html 넣는 방법

 

WebView2 에 html source 를 넣어서 표시하는 방법입니다.

html 을 넣을수 있어 동적으로 화면을 구성한 웹페이지 화면을 표시할 수 있습니다.

xaml

<Window
    x:Class="WpfApp1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:WpfApp1"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:wpf="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
    Title="MainWindow"
    Width="800"
    Height="450"
    mc:Ignorable="d">
    <Grid>
        <wpf:WebView2 x:Name="webView2" />
    </Grid>
</Window>

xaml.cs

using System.Windows;

namespace WpfApp1
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            BindingHtml();
        }

        private async void BindingHtml()
        {
            string html = "<body><h1>Hello World</h1></body>";
            await webView2.EnsureCoreWebView2Async();

            webView2.NavigateToString(html);
        }
    }
}

위 코드를 보면 알수 있듯이 BindingHtml 메서드에서 Webview2 의 NavigateToSting 메서드의 인자로

html 을 넣어서 처리하면 아래처럼 화면에 표시됩니다.

 

결과

728x90

공유하기

facebook twitter kakaoTalk kakaostory naver band