How to pass html string to webview on android

Question

Hi I am parsing xml and then loading it to web view, after parsing I am creating four strings so that I could append all string to one view. I am able to get two views on the web view but not the first two strings.

Pls suggest me with my code, where am I going wrong and what is the correct way to get the formatted html strings on the web view. Pls have a look at my code and help me solve this issue.

@Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub
        String chapterTitle = "";
        String SubChapterTitle="";
        String chapterIntro ="";
        String chapterContent="";
        View view = convertView;
        if (convertView == null) {
            // view = inflater.inflate(resourceid, null);
            view = getLayoutInflater().inflate(R.layout.webviewitem, null);
        }
        synchronized (view) {
            WebView wv = (WebView) view.findViewById(R.id.contentWebView);

            WebSettings settings = wv.getSettings();
            settings.setUseWideViewPort(true);
            settings.setLoadWithOverviewMode(true);
            settings.setJavaScriptEnabled(true);
            settings.setDefaultZoom(ZoomDensity.FAR);
            // wv.setBackgroundColor(0);
            wv.setVerticalScrollBarEnabled(false);
            wv.setHorizontalScrollBarEnabled(false);
            /*String txtChapTitle = Intro.book.getsecretList().get(position)
                    .getChtitle().toString();*/

            if (!(Intro.book.getsecretList().get(position).getChtitle()
                    .toString().equals(""))){
            chapterTitle = "<b><fontSize=4>"+Intro.book.getsecretList().get(position)
            .getChtitle().toString()+"</font></b>";
            }
            if (!(Intro.book.getsecretList().get(position)
                    .getSubtitle() == null)) {
                SubChapterTitle = "<b><fontSize=4>"+Intro.book.getsecretList().get(position)
                .getSubtitle().toString()+"</font></b>";
            }
            if (!(Intro.book.getsecretList().get(position)
                    .getIntro() == null)) {
            chapterIntro = "<b><fontSize=2>"+Intro.book.getsecretList().get(position)
                .getIntro().toString()+"</font></b>";
            }
            if (!(Intro.book.getsecretList().get(position)
                    .getContent() == null)) {
            chapterContent = "<fontSize=2>"+Intro.book.getsecretList().get(position)
                .getContent().toString()+"</font>";
            }

            StringBuilder content = new StringBuilder();
            content.append(chapterTitle+SubChapterTitle+chapterIntro+chapterContent);

            JsInterface Jsi = new JsInterface();
            Jsi.wordDef = content ;
            Log.v("Content", "" +content);
            wv.addJavascriptInterface(Jsi, "interfaces");

            wv.setWebViewClient(new WebViewClient() {
                @Override
                public void onPageFinished(WebView view, String url) {
                    view.setHapticFeedbackEnabled(false);
                }
            });

            wv.setWebChromeClient(new WebChromeClient() {
                @Override
                public boolean onJsAlert(WebView view, String url,
                        String message, JsResult result) {
                    return super.onJsAlert(view, url, message, result);
                }
            });

            wv.loadUrl("file:///android_asset/wordview.html");
        }
        return view;
    }
}

I am able to get chapterIntro and chaptercontent on the web view but not the first two strings pls help me friends.

Panchal Amit · Answer 1 · 2020-08-21T04:47:09.040

208

i have successfully done by below line

 //data == html data which you want to load
 String data = "Your data which you want to load";

 WebView webview = (WebView)this.findViewById(R.id.webview);
 webview.getSettings().setJavaScriptEnabled(true);
 webview.loadData(data, "text/html; charset=utf-8", "UTF-8");

Or You can try

 webview.loadDataWithBaseURL(null, data, "text/html", "utf-8", null);

edited Aug 21 '20 at 04:47

answered Dec 06 '12 at 10:17

Panchal Amit

12,802
10
73
137

do you add this to the on the index.php/index.html? – Mthe beseti Mar 11 '14 at 10:32
1

ya if you want to, otherwise it will be ok – Panchal Amit May 15 '14 at 06:37
It updates the UI after a little lag. How to fix that thing? – Narendra Singh Feb 14 '17 at 12:20
can i use "text/html", "UTF-8", if i want to pass the html to javascript function using webView.loadUrl("javascript:MyFunction( data, "text/html", "UTF-8")? – user1788736 Dec 18 '17 at 00:21
No I haven't used like this – Panchal Amit Dec 21 '17 at 16:57
@siddhpura Amit i have large html source code i want to pass it to javascript without error how to do it ? should we serialize it before passing it ? – user1788736 Jan 03 '18 at 06:14
Hi, you can put that file in asset directory and use below code for load that data webView.loadUrl("file:///android_asset/yourhtmlfile.html"); – Panchal Amit Jan 03 '18 at 08:20
@PanchalAmit Enabling JS without actually using it leads to security issue and is not recommended. Can you update this also in your answer – Atul Gupta May 11 '21 at 08:30

score 175 · Answer 2 · edited Jun 12 '16 at 16:29

175

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

webView.loadData(yourData, "text/html; charset=utf-8", "UTF-8");

You can check this example

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

edited Jun 12 '16 at 16:29

Nick

2,376
3
26
54

answered Jan 24 '12 at 13:30

Arslan Anwar

18,486
18
74
104

i tried with that, still not happening also tried with loadbaserul – cavallo Jan 24 '12 at 13:44
is that supposed to work with a string containing javascript? It's not working for me – Edu May 10 '13 at 18:20
28

it should be `webView.loadData(yourData, "text/html; charset=utf-8", "UTF-8");` – Jaroslav Mar 06 '14 at 13:03
6

The "text/html; charset=utf-8" makes a big difference, symbol characters don't render properly without it. – Mic Fok Apr 29 '14 at 03:08
String htmlData = "Your HTML String"; mWebView.loadData(htmlData, "text/html", "UTF-8"); – Ashwin H Jan 27 '21 at 06:52

score 38 · Answer 3 · answered Apr 21 '13 at 17:34

38

Passing null would be better. The full codes is like:

WebView wv = (WebView)this.findViewById(R.id.myWebView);
wv.getSettings().setJavaScriptEnabled(true);
wv.loadDataWithBaseURL(null, "<html>...</html>", "text/html", "utf-8", null);

answered Apr 21 '13 at 17:34

Jeffrey Neo

3,443
1
23
28

do you add this to the on the index.php/index.html? – Mthe beseti Mar 11 '14 at 10:42
@mthethelelibeseti this is Android codes, not HTML's. Or I misunderstood your question? – Jeffrey Neo Mar 11 '14 at 12:10
1

It is the working solution for all types of html strings. Thanks @JeffreyNeo – Akash Bisariya Apr 11 '20 at 15:39
Really correct answer! Above answers did not work for me, but this answer worked for me. Thanks @JeffreyNeo – leeyang Dec 17 '20 at 02:46
Thanks @JeffreyNeo this worked perfectly – Skovie Dec 17 '20 at 10:59

Arindam · Answer 4 · 2020-08-17T12:36:37.317

5

I was using some buttons with some events, converted image file coming from server. Loading normal data wasn't working for me, converting into Base64 working just fine.

String unencodedHtml ="<html><body>'%28' is the code for '('</body></html>";
tring encodedHtml = Base64.encodeToString(unencodedHtml.getBytes(), Base64.NO_PADDING);
webView.loadData(encodedHtml, "text/html", "base64");

Find details on WebView

edited Aug 17 '20 at 12:36

answered Nov 29 '19 at 10:00

Arindam

51
2
4

+1 for encoding the HTML. You can additionally pass the correct charset into `getBytes()` like this: `unencodedHtml.getBytes("UTF-8")` and define the charset in the MIME type like this: `"text/html; charset=utf-8"`. – Minding Aug 27 '20 at 13:39

How to pass html string to webview on android

4 Answers4

Linked

Related