Calling WPF method from HTML

In this blog we will learn how to call WPF method in HTML.

This blog shows simple steps to call WPF method from HTML page hosted inside a Web Browser.

Step 1

Create WPF Application.

Step 2

Add a Web browser control in the WPF application as in the following:



Step 3

Create an HTML page and host inside the web browser control.

{
    InitializeComponent();
    this.WebBrowser.Navigate(new Uri("../WpfApplication2/WpfApplication2/HTMLPage1.html"));
}

Step 4

Creating HTML Bridge.

To create HTML Bridge, add a reference to Microsoft HTML Object Library.

Step 5

Add a class HTMLBridge and enable ComVisible property true for the class.



Step 6

Write a method to call from HTML page as shown above.

Step 7

Linking between HTML page events and WPF Method.



To call WPF method, we have to use “Window.External”. It is a method name written in the HTML bridge class.

Therefore, on click of button it will call the WPF method written in the HTML bridge class.