How to load html string in a webview?

Question

i have a html string containing this:

    <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
    <html>
      <head>
      <meta http-equiv="content-type" content="text/html; charset=windows-1250">
      <meta name="spanish press" content="spain, spanish newspaper, news,economy,politics,sports">  
      <title></title>
      </head>
      <body id="body">  
<!-- The following code will render a clickable image ad in the page -->
        <script src="http://www.myscript.com/a"></script>
      </body>
    </html>

I need to show that website into a webview in android.

I tryed with all this:

webView.loadDataWithBaseURL(null, txt, "text/html", "UTF-8", null);
webView.loadDataWithBaseURL("x-data://base", txt, "text/html", "UTF-8", null);      
webView.loadDataWithBaseURL("notreal/", txt, "text/htm", "utf-8",null);

Also i tryed removing DOCTYPE tag:

txt=txt.replace("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">", "");

No one of those have work. I just achieved to show the string into the webview (the html code), but not the website that must be created with that html code.

What is wrong?

you can put this html string to file res/values/strings.xml and create item for example `your html here` and then load it by `Html.fromHtml(getString(R.string.website))`, please check it if you have some time, because I would like to know if it works too ;) — deadfish, Dec 11 '12 at 08:48
@Lumma : Html.fromHtml is not meant for use with webView. It returns a Spanned that for use with TextViews. — njzk2, Dec 11 '12 at 08:49

score 159 · Accepted Answer · edited Dec 11 '12 at 12:21

159

To load your data in WebView. Call loadData() method of WebView

wv.loadData(yourData, "text/html", "UTF-8");

You can check this example

http://developer.android.com/reference/android/webkit/WebView.html

[Edit 1]

You should add -- \ -- before -- " -- for example --> name=\"spanish press\"

below string worked for me

String webData =  "<!DOCTYPE html><head> <meta http-equiv=\"Content-Type\" " +
"content=\"text/html; charset=utf-8\"> <html><head><meta http-equiv=\"content-type\" content=\"text/html; charset=windows-1250\">"+
 "<meta name=\"spanish press\" content=\"spain, spanish newspaper, news,economy,politics,sports\"><title></title></head><body id=\"body\">"+
"<script src=\"http://www.myscript.com/a\"></script>şlkasşldkasşdksaşdkaşskdşk</body></html>";

edited Dec 11 '12 at 12:21

Talha

12,673
5
49
68

answered Dec 11 '12 at 08:54

skaya129

1,744
1
11
6

12

don't works, simply shows a empty white view with no content. – NullPointerException Dec 11 '12 at 08:56
1

For correct UTF-8 you should use `webView.loadData(data, "text/html; charset=UTF-8;", null);` as per http://stackoverflow.com/a/9312031 – Boris Treukhov Sep 25 '15 at 16:30
4

we should use `loadDataWithBaseURL` instead because `loadData` don't handle next line (`\n`) https://stackoverflow.com/q/5027084/5381331 – Linh Oct 04 '17 at 08:14
data = "" doesn't work, get blank view – hmac Jan 07 '19 at 17:21

score 17 · Answer 2 · answered May 30 '15 at 14:25

17

You also can try out this

   final WebView webView = new WebView(this);
            webView.loadDataWithBaseURL(null, content, "text/html", "UTF-8", null);

answered May 30 '15 at 14:25

M.Ganji

818
8
13

score 12 · Answer 3 · answered May 30 '15 at 14:29

read from assets html file

ViewGroup webGroup;
  String content = readContent("content/ganji.html");

        final WebView webView = new WebView(this);
        webView.loadDataWithBaseURL(null, content, "text/html", "UTF-8", null);

        webGroup.addView(webView);

score 0 · Answer 4 · edited Jun 01 '17 at 21:48

I had the same requirement and I have done this in following way.You also can try out this..

Use loadData method

web.loadData("<img class='aligncenter size-full wp-image-1607' title='' src="+movImage+" alt='' width='240px' height='180px' /><center><H2>"+movName+"("+movYear+")</H2></center>Director : "+movDirector+"Producer : "+movProducer+"Character : "+movActedAs+"Summary : "+movAnecdotes+"Synopsis : "+movSynopsis+"\n","text/html", "UTF-8");

movDirector movProducer like all are my string variable.

In short i retain custom styling for my url.

DIEGO ROCHIN · Answer 5 · 2023-07-20T23:11:21.713

if you are looking for something in JetpackCompose this can help you:

@Composable 
fun HtmlTextVisualizerComponent(textFromData: String) {
val mimeType = "text/html"
val encoding = "UTF-8"

LazyColumn(
    modifier = Modifier
        .padding(
            start = 24.dp,
            end = 24.dp,
            top = 16.dp,
            bottom = 24.dp,
        ),
) {
    items(1) {
        val state = rememberWebViewState(
            url = "data:$mimeType;$encoding,$textFromData",
        )
        val navigator = rememberWebViewNavigator()
        WebView(
            state = state,
            modifier = Modifier.fillMaxSize(),
            navigator = navigator,
            onCreated = {
                it.settings.javaScriptEnabled = true
            },
        )
    }
  }
}

sure don't forget to add the dependency in your gradle:

 implementation "com.google.accompanist:accompanist-webview:0.30.1"

How to load html string in a webview?

5 Answers5

Linked

Related