Binding HTML string to Webview

Question

Binding HTML string to Webview

Anonymous

Hi Friends. Using the XAML below I can show a webview with hard coded HTML. But what if I wanted to bind the HTML to the webview so that I could dynamically update the webview. I have tried following numerous discussions involving the webview to figure out how to make it work, but no success. I am trying to get this to work in a .Net Maui application Any help would be greatly appreciated.

 <WebView HeightRequest="100" WidthRequest="200">  
                    <WebView.Source>  
                        <HtmlWebViewSource>  
                            <HtmlWebViewSource.Html>  
                                <![CDATA[  
                                <HTML>  
                                <BODY>  
                                <H1>.NET MAUI</H1>  
                                <P>Welcome to WebView.</P>  
                                </BODY>  
                                </HTML>  
                             ]]>  
                            </HtmlWebViewSource.Html>  
                        </HtmlWebViewSource>  
                    </WebView.Source>  
    </WebView>

Answer accepted by question author

0 additional answers

Your answer

Answer 1

Hello,

You could binding HTML string to Webview via Source property.

Please refer to the following code sample:

   // in your ViewModel  
   public HtmlWebViewSource HtmlWebViewSource {  
   get { return htmlWebViewSource; }  
   set { SetProperty(ref htmlWebViewSource, value); } }  
     
   private HtmlWebViewSource htmlWebViewSource;  
     
     
   // Set Html content in ViewModel  
   HtmlWebViewSource = new HtmlWebViewSource  
   {  
         Html = @"<HTML><BODY><H1>.NET MAUI</H1><P>Welcome to WebView.</P></BODY></HTML>"  
   };  
     
     
   // use the binding HTML content  
   <WebView HeightRequest="100" WidthRequest="200" Source="{Binding HtmlWebViewSource}">  
   </WebView>

Best Regards,

Alec Liu.

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Anonymous

2022-12-29T14:10:59.563+00:00

Thanks so Kindly for your help. So, I can only set the Html string in the ViewModel and nowhere else in my application?

Share via

Binding HTML string to Webview

0 additional answers

Your answer