Hindi Character will not display in web view correctly

Question

I had Database in which data stored in hindi as \u092e\u0948\u0902 \u0924\ and setting that content to webview using below.

  webview1.loadData(hindi_content, "text/html", "UTF-8");

But it will display as

hindi content display as

I don't know why that's happening. Any one please suggest. how to fix that !

The trick that mentioned over there is still not working. Could you please check the String that I am using for display Hindi text !! And could you please refer question again ! — user1621629, Apr 23 '13 at 09:44
It seems to me you have two problems. Unescaping that sequence into UTF-8 and then rendering it. The first problem you have is making sure you unescape this correctly which I'm guessing you're not doing. — Cameron Lowell Palmer, Apr 23 '13 at 12:09

score 9 · Accepted Answer · answered Apr 23 '13 at 09:15

9

This happens because of a bug with the encoding parameter of loadData in most Android versions. This parameter is ignored for some reason so the UTF-8 based hindi characters will not be rendered. To fix this you can use one of the following alternatives.

webview1.loadData(hindi_content, "text/html; charset=UTF-8", null);


webview1.loadDataWithBaseURL(null, hindi_content, "text/html", "utf-8", null);

answered Apr 23 '13 at 09:15

Leon Lucardie

9,541
4
50
70

Can you give a small sample of what hindi_content contains exactly (formatting and such)? – Leon Lucardie Apr 23 '13 at 09:51
"\u092e\u0948\u0902 \u0924\" hindi words stored in DB. and it will looks like "आप". – user1621629 Apr 23 '13 at 09:57
Alright, and when you inspect the hindu_content variable during debugging (using a breakpoint/watch), it still contains that exact string? – Leon Lucardie Apr 23 '13 at 10:00
\u092e\u0948\u0902 \u0924 is the correct sequence. No trailing backslash. This is two problems as I mentioned earlier. Correctly unescaping the sequence and the rendering it in a web view problem. – Cameron Lowell Palmer Apr 23 '13 at 12:10
yeah its cause of I had put that as string but it's there without backslash. Still facing same issue. – user1621629 Apr 23 '13 at 12:11
@user1621629 I added to my answer a link for the unescaping in Java. – Cameron Lowell Palmer Apr 23 '13 at 12:28

score 4 · Answer 2 · edited May 23 '17 at 12:19

This is a duplicate of this answer:

You will also need to unescape those sequences and to do that refer to How to Unescape Unicode in Java

Rendering UTF-8 in a WebView using loadData has been broken in some form or fashion forever. Issue 1733

Use loadDataWithBaseURL instead of loadData.

// Pretend this is an html document with those three characters
String scandinavianCharacters = "øæå";

// Won't render correctly
webView.loadData(scandinavianCharacters, "text/html", "UTF-8");

// Will render correctly
webView.loadDataWithBaseURL(null, scandinavianCharacters, "text/html", "UTF-8", null);

Now the part that is truly annoying is that on the Samsung Galaxy S II (4.0.3) loadData() works just fine, but testing on the Galaxy Nexus (4.0.2) the multi-byte characters are garbled unless you use loadDataWithBaseURL(). WebView Documentation

score 1 · Answer 3 · answered Apr 23 '13 at 07:34

you will need to use font in order to support hindi (Hindi language is not yet fully supported by android) create Singleton instance of Typeface and invoke createFromAsset(); and add it to WebSettings like this

WebSettings webSettings = webView.getSettings();
webSettings.setFixedFontFamily(InstaceOFTypeFace);

score 1 · Answer 4 · answered Apr 30 '13 at 04:29

1

Finally I have come up with the solution of Loading hindi content to the webview.

I had simply change my loading string and unfortunately it will work.

webview.loadData(Hindi_css, "text/html; charset=UTF-8", null);

Thank you all for your effort. :)

answered Apr 30 '13 at 04:29

user1621629

765
7
19

score 0 · Answer 5 · answered Aug 08 '13 at 11:38

0

You can use this one also.

String uri= Uri.encode(html file/url);
  webView.loadUrl(uri);

may be this will help you.

answered Aug 08 '13 at 11:38

Tapesh

372
1
6
17

Hindi Character will not display in web view correctly

5 Answers5