How to show html texts in Android WebView in proper format?

Question

I have a string which contains html texts and images parsed from a json file.I need to show it in webview.The string consists of 3-4 paragraph but while displaying in webview it shows like one paragraph i.e the android webview skips the breakline tags.But my requirement is to show as it is in the website with proper alignment.Please help me.

my Json file link is this

and my webview code is

//newsContent contains the json string after parsing.

  String all="<html><body>"+newsContent+"</body></html>";

                 tv.getSettings().setJavaScriptEnabled(true); 
                 tv.getSettings().setPluginsEnabled(true);
                 tv.getSettings().setSupportZoom(false);
                 tv.getSettings().setAllowFileAccess(true);
                 WebSettings webSettings = tv.getSettings();
                 tv.getSettings().setAllowFileAccess(true);
                 webSettings.setTextSize(WebSettings.TextSize.NORMAL);

                 tv.loadDataWithBaseURL(null,all, "text/html", "UTF-8", null);

@ambrish : I have edited my question.Please see it. As I am working on a bit big project, I cant show the whole code here. — Spring Breaker
– Spring Breaker, Commented Nov 16, 2012 at 6:29
@Sameer: Dude there must be some way to achieve this.The same json file works well in iPhone webview. — Spring Breaker
– Spring Breaker, Commented Nov 16, 2012 at 6:34

PH7 · Accepted Answer · 2012-11-16 07:47:44Z

4

The problem lies with "\r\n" in your json data. Look like \r\n work only if they are wrapped in tag. Easy solution would be replace \r\n with
tag.

String all="<html><body>"+newsContent.replace("\r\n", " ")+"</body></html>";

answered Nov 16, 2012 at 7:47

PH7

3,9263 gold badges26 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Spring Breaker Over a year ago

yeah you are right.Already I have solved it but anyways I will mark your answer as accepted.

Illegal Argument Over a year ago

@User_2013 mind posting your answer I am stuck in this too and this answer is not working for me

Spring Breaker Over a year ago

@IllegalArgument: This answer is based on the context of my question.If you can explain your problem, then we can help you.

Illegal Argument Over a year ago

@User_2013 I am receiving response like "i am \r\n a \r\n subash " it can be anything with html tags and \r\n replacing \r\n like above is not an option in my case because users can be allowed to type \r\n

Spring Breaker Over a year ago

@IllegalArgument:WebView reads \r\n as a simple string but I want to treat as a breakline so I replaced \r\n with  .

|

saigopi.me · Accepted Answer · 2017-09-20 16:42:50Z

0

String text = "<html><body style=\"text-align:justify\"> %s </body></Html>";
String data = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac quam risus, at tempus justo. Sed dictum rutrum massa eu volutpat. Quisque vitae hendrerit sem.";
WebView webView = (WebView) findViewById(R.id.WebView);
webView.loadData(String.format(text, data), "text/html", "utf-8");

answered Sep 20, 2017 at 16:42

saigopi.me

15.1k3 gold badges89 silver badges57 bronze badges

Comments

Zakaria Bin Abdur Rouf · Accepted Answer · 2018-03-16 06:06:42Z

0

Below works. There should be double slash \r\n

String all=""+newsContent.replace("\\r\\n", "
")+"";

answered Mar 16, 2018 at 6:06

Zakaria Bin Abdur Rouf

2,0451 gold badge9 silver badges6 bronze badges

Collectives™ on Stack Overflow

How to show html texts in Android WebView in proper format?

3 Answers 3

6 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

Comments

Related