HTML स्ट्रिंग प्रदर्शित नहीं कर सकता

Question

मैं Android WebView में प्रदर्शन स्ट्रिंग HTML के साथ संघर्ष कर रहा हूं।

सर्वर की ओर, मैंने एक वेब पेज डाउनलोड किया और HTML पात्रों और उद्धरण (मैंने पायथन का उपयोग किया) से बच गया:

my_string = html.escape(my_string, True)

एंड्रॉइड क्लाइंट की ओर से: स्ट्रिंग्स द्वारा छेड़े गए हैं:

myString = StringEscapeUtils.unescapeHtml4(myString)
webview.loadData( myString, "text/html", "encoding");

हालाँकि वेबव्यू उन्हें शाब्दिक तार के रूप में प्रदर्शित करता है। यहाँ परिणाम हैं:

संपादित करें: मैं सर्वर की ओर से लौटा मूल स्ट्रिंग जोड़ें:

लिंक rel = & quot; ऐप्पल-टच-आइकन & quot; आकार = & quot; 114x114 & quot; href = & quot; /static/favicon/apple-touch-icon-114x114.png" & gt; & lt; लिंक rel = & quot; ऐप्पल-टच-आइकन & quot; आकार = & quot; 72x72 & quot; href = & quot; /static/favicon/apple-touch-icon-72x72.png" & gt; & lt; लिंक rel = & quot; ऐप्पल-टच-आइकन & quot; आकार = & quot; 144x144 & quot; href = & quot; /static/favicon/apple-touch-icon-144x144.png" & gt; & lt; लिंक rel = & quot; ऐप्पल-टच-आइकन & quot; आकार = & quot; 60x60 & quot; href = & quot; /static/favicon/apple-touch-icon-60x60.png" & gt; & lt; लिंक rel = & quot; ऐप्पल-टच-आइकन & quot; आकार = & quot; 120x120 & quot; href = & quot; /static/favicon/apple-touch-icon-120x120.png" & gt; & lt; लिंक rel = & quot; सेब के स्पर्श आइकन & quot; आकार = & quot; 76x76 & quot; href = & quot; /static/favicon/apple-touch-icon-76x76.png" & gt; & lt; लिंक rel = & quot; ऐप्पल-टच-आइकन & quot; आकार = & quot; 152x152 & quot; href = & quot; /static/favicon/apple-touch-icon-152x152.png" & gt; & lt; लिंक rel = & quot; ऐप्पल-टच-आइकन & quot; आकार = & quot; 180x180 & quot; href = & quot; /static/favicon/apple-touch-icon-180x180.png" & gt; & lt; लिंक rel = & quot; आइकन & quot; = & Quot लिखें; छवि / png & quot; href = & quot; /static/favicon/favicon-192x192.png" आकार = & quot; 192x192 & quot; & gt; & lt; लिंक rel = & quot; आइकन & quot; = & Quot लिखें; छवि / png & quot; href = & quot; /static/favicon/favicon-160x160.png" आकार = & quot; 160x160 & quot; & gt; & lt; लिंक rel = & quot; & Quot आइकन; = & Quot लिखें; छवि / png & quot; href = & quot; /static/favicon/favicon-96x96.png" आकार = & quot; 96x96 & quot; & gt; & lt; लिंक rel = & quot; आइकन & quot; = & Quot लिखें; छवि / png & quot; href = & quot; /static/favicon/favicon-16x16.png" आकार = & quot; 16x16 & quot; & gt; & lt; लिंक rel = & quot; आइकन & quot; = & Quot लिखें; छवि / png & quot; href = & quot; /static/favicon/favicon-32x32.png" आकार = & quot; 32x32 & quot; & gt; & lt; मेटा नाम = & quot; msapplication-TileColor & quot; सामग्री = & quot; # da532c & quot; & gt; & lt; मेटा नाम = & quot; msapplication-TileImage & quot; सामग्री = & quot; /static/favicon/mstile-144x144.png" & gt; & lt; मेटा नाम = & quot; msapplication-config & quot; सामग्री = & quot; /static/favicon/browserconfig.xml" & Gt; & lt; - बाहरी सीएसएस - & gt; & lt; लिंक rel = & quot; स्टाइलशीट & quot; href = & quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css& Quot; & gt; & lt; - बाहरी फ़ॉन्ट्स - & gt; & lt; लिंक href = & quot; // maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel = & quot; स्टाइलशीट & quot; & gt; & lt; लिंक href = & # x27; // फॉन्ट .googleapis.com/css?family=Open+Sans:300,600' rel = & # x27; स्टाइलशीट & # x27; type = & # x27; text / css & # x27; & gt; & lt; लिंक href = & # x27; // फॉन्ट .googleapis.com/css?family=Lora:400,700' rel = & # x27; स्टाइलशीट & # x27; type = & # x27; text / css & # x27; & gt; & lt; -; [अगर लेट IE 9] & gt; & lt; स्क्रिप्ट src = & quot; // cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"=>=<//script> & lt; स्क्रिप्ट src = & quot; // cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"=>&&t;/script> के & lt ;! [Endif] - & gt; & lt; - साइट सीएसएस - & gt; & lt; लिंक rel = & quot; स्टाइलशीट & quot; = & Quot लिखें; text / css & quot; href = & quot; /static/css/style.css" & gt; & lt; लिंक rel = & quot; स्टाइलशीट & quot; = & Quot लिखें; text / css & quot; href = & quot; /static/css/glyphicon.css" & gt; & Lt; / head & gt; & LT; बॉडी & gt; & lt; div वर्ग = & quot; कंटेनर आलेख-पृष्ठ & quot; & gt; & lt; div वर्ग = & quot; पंक्ति & quot; & gt; & lt; div वर्ग = & quot; col-md-8 col-md-ऑफसेट -२ & quot; & gt; & lt; h2 & gt; & lt; a href = & quot; quot; href = & quot; /static/css/glyphicon.css" & gt; & Lt; / head & gt; & LT; बॉडी & gt; & lt; div वर्ग = & quot; कंटेनर आलेख-पृष्ठ & quot; & gt; & lt; div वर्ग = & quot; पंक्ति & quot; & gt; & lt; div वर्ग = & quot; col-md-8 col-md-ऑफसेट -२ & quot; & gt; & lt; h2 & gt; & lt; a href = & quot; quot; href = & quot; /static/css/glyphicon.css" & gt; & Lt; / head & gt; & LT; बॉडी & gt; & lt; div वर्ग = & quot; कंटेनर आलेख-पृष्ठ & quot; & gt; & lt; div वर्ग = & quot; पंक्ति & quot; & gt; & lt; div वर्ग = & quot; col-md-8 col-md-ऑफसेट -२ & quot; & gt; & lt; h2 & gt; & lt; a href = & quot;http://www.huffingtonpost.com/2015/03/22/ted-cruz-climate-change_n_6919002.html & quot; & gt; गॉव। जेरी ब्राउन कहते हैं टेड क्रूज़ है & amp; # 39; बिल्कुल अनफ़िट & amp; # 39; जलवायु परिवर्तन दृश्य के कारण कार्यालय के लिए चलाने के लिए & lt; / a & gt; & lt; / h2 & gt; & lt; h4 & gt; सैम लेविन & lt; / h4 & gt; & lt; div वर्ग = & quot; लेख & quot; & gt; & lt; p & gt; कैलिफ़ोर्निया सरकार। जेरी ब्राउन (डी) ने रविवार को कहा कि टेक्सास सेन टेड क्रूज़ (आर-टेक्सास) & quot; कार्यालय के लिए चल रहा है; जलवायु परिवर्तन पर उसकी स्थिति के कारण। & lt; / p & gt; & lt; p & gt; & quot; मैं अभी-अभी न्यू हैम्पशायर से आया हूं, जहां हर जगह बर्फ और बर्फ है। इस पर मेरा दृष्टिकोण सरल है: इस पर बहस को विज्ञान का अनुसरण करना चाहिए और डेटा का पालन करना चाहिए, और ग्लोबल वार्मिंग पर कई अलार्म बजने चाहिए, उनके पास एक समस्या है क्योंकि विज्ञान ने उन्हें वापस नहीं किया है, & quot; क्रूज़ & lt; a href = & quot;https://www.youtube.com/watch?v=m0UJ_Sc0Udk & quot; & gt; कहा & lt; / a & gt; सेठ मेयर के साथ & quot; देर रात & quot; पिछले सप्ताह। & lt; / p & gt; & lt; p & gt; अपने दावे का समर्थन करने के लिए, क्रूज़ ने उपग्रह डेटा का हवाला दिया जिसमें पिछले 17 वर्षों में महत्वपूर्ण वार्मिंग की कमी दिखाई गई है। लेकिन क्रूज़ के तर्क और & lt; a href = & quot; http://www.politifact.com/truth-o-meter/statements/2015/mar/20 / ted-cruz / ted-cruzs-world-fire-not-last-17-year / & quot; & gt; Politifact & lt; / a & gt; द्वारा डिबंक की गई, जिसमें दिखाया गया है कि वैज्ञानिकों के पास इस बात के पर्याप्त प्रमाण हैं कि जलवायु गर्म होती रहेगी। & lt; / p & gt; & lt; p & gt; & quot; उसने जो कहा वह बिलकुल गलत है, "ब्राउन ने & lt; a href = & quot; http: //www.nbcnews। अनफिट-रनिंग-n328046 & quot; & gt; एनबीसी & # x27; s प्रेस से मिलिए & quot; & lt; / a & gt; उन्होंने कहा कि & lt; a href = & quot; http://climate.nasa.gov/scientific-consensus/ & quot; & gt; 90 प्रतिशत से अधिक & lt; / a & gt; जलवायु का अध्ययन करने वाले वैज्ञानिकों का मानना ​​है कि जलवायु परिवर्तन मानव गतिविधि के कारण होता है। & quot; वह आदमी इस तरह के अज्ञानता और मौजूदा वैज्ञानिक डेटा के प्रत्यक्ष मिथ्याकरण के लिए विश्वासघात करता है। यह चौंकाने वाला है, और मुझे लगता है कि आदमी ने खुद को कार्यालय के लिए चलने के लिए बिल्कुल अयोग्य करार दिया है, & quot; ब्राउन ने कहा। & lt; / p & gt; & lt; p & gt; भूरा ने जोड़ा कि जलवायु परिवर्तन में & lt; href = & quot; http://www.huffingtonpost.com/2015/03/06/california-drought-february- record_n_6820704.html; utm_hp_ref = california-d सूखे & quot; & gt; उनके राज्य में सूखे के कारण & lt; / a & gt; के साथ ही पूर्वी तट पर भीषण ठंड और तूफान। & lt; / p & gt; & lt; p & gt; जबकि क्रूज़ ने न्यू हैम्पशायर में हर जगह बर्फ और बर्फ देखी होगी, डेटा से पता चलता है कि देश वास्तव में एक & lt; href = & quot; का अनुभव कर रहा है। http://www.huffingtonpost.com/2015/02/19/cold-weather- winter_n_6713104.html & quot; & gt; औसत से अधिक गरम & lt; / a & gt; सर्दियों। & lt; / p & gt; & lt; p & gt; ब्राउन की आलोचना की एक दिन पहले टेक्सास के सीनेटर द्वारा & lt; href = & quot; http://www.huffingtonpost.com/2015/03/22/ted-cruz-2016_n_6917824.html"=>=presidential campaign & lt; / a & gt ;; & lt; / p & gt; & lt; / div & gt; & lt; div वर्ग = & quot; मूल & quot; & gt; & lt; एक href = & quot;http://www.huffingtonpost.com/2015/03/22/ted-cruz-climate-change_n_6919002.html& quot; & gt; देखें मूल & lt; / a & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & lt; स्क्रिप्‍ट src = & quot; // code.jquery.com/jquery-latest.js">=</script> & lt; स्क्रिप्ट src = & quot; /static/js/modal.js" & gt; & lt; / स्क्रिप्ट & gt; & lt; स्क्रिप्ट src = & quot; /static/js/bootbox.min.js" & gt; & lt; / स्क्रिप्ट & gt; & lt; स्क्रिप्ट src = & quot; /static/js/site.js" & gt; & lt; / स्क्रिप्ट & gt; & LT; स्क्रिप्ट & gt; (function (i, s, o, g, r, a, m) {i [& # x27; GoogleAnalyticsObject & # x27?] = r? i [r] = i [r] || function () {(i] || r] .q = i [r] .q। []]। push (आर्ग्युमेंट्स)}, i [r] .l = 1 * new Date (); a = s.createElement (o), m = s। getElementsByTagName (o) [0]; a.async = 1; a.src = g; m.parentNode.insertBefore (a, m)}) (विंडो, दस्तावेज़, & # x27; स्क्रिप्ट & # x27; & # x27; // www। google-analytics.com/analytics.js','ga'); ga (& # x27; & # x27 ;, & # x27; UA-56257533-1 और # x27 ;, & # x27; auto & # x27;) बनाएं। ga (& # x27; भेजें & # x27 ;, & # x27; पेजव्यू और # x27;); & Lt; / स्क्रिप्ट & gt; & Lt; / body & gt; & Lt; / html & gt; "

Comments

डिबगिंग सहायता की मांग करने वाले प्रश्न ("यह कोड काम क्यों नहीं कर रहा है?") वांछित व्यवहार, एक विशिष्ट समस्या या त्रुटि और प्रश्न में ही इसे पुन: पेश करने के लिए आवश्यक सबसे छोटा कोड शामिल होना चाहिए। देखें: " मिनिमल, रिप्रोड्यूसियल उदाहरण कैसे बनाएं "।

— टीन मैन

Answer 1

मैंने यहां कोड संशोधित किया है:

public class test extends Activity {
    private WebView wv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.test);
        wv = (WebView) findViewById(R.id.wv);
        String s = "<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <title>Saulify</title> <!-- All the Favicons... --> <link rel="shortcut icon" href="/static/favicon/favicon.ico"> <link rel="apple-touch-icon" sizes="57x57" href="/static/favicon/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="114x114" href="/static/favicon/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="72x72" href="/static/favicon/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="144x144" href="/static/favicon/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="60x60" href="/static/favicon/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="120x120" href="/static/favicon/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="76x76" href="/static/favicon/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="152x152" href="/static/favicon/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/static/favicon/favicon-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/static/favicon/favicon-160x160.png" sizes="160x160"> <link rel="icon" type="image/png" href="/static/favicon/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/static/favicon/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/static/favicon/favicon-32x32.png" sizes="32x32"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-TileImage" content="/static/favicon/mstile-144x144.png"> <meta name="msapplication-config" content="/static/favicon/browserconfig.xml"> <!-- External CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <!-- External Fonts --> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <link href='//fonts.googleapis.com/css?family=Open+Sans:300,600' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Lora:400,700' rel='stylesheet' type='text/css'> <!--[if lt IE 9]> <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> <!-- Site CSS --> <link rel="stylesheet" type="text/css" href="/static/css/style.css"> <link rel="stylesheet" type="text/css" href="/static/css/glyphicon.css"> </head> <body> <div class="container article-page"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h2><a href="http://www.huffingtonpost.com/2015/03/22/ted-cruz-climate-change_n_6919002.html">Gov. Jerry Brown Says Ted Cruz Is 'Absolutely Unfit' To Run For Office Because Of Climate Change Views</a></h2> <h4>Sam Levine</h4> <div class="article"> <p>California Gov. Jerry Brown (D) said on Sunday that Texas Sen. Ted Cruz (R-Texas) is "absolutely unfit to be running for office" because of his position on climate change.</p> <p>"I just came back from New Hampshire, where there's snow and ice everywhere. My view on this is simple: Debates on this should follow science and should follow data, and many of the alarmists on global warming, they have a problem because the science doesn't back them up," Cruz <a href="https://www.youtube.com/watch?v=m0UJ_Sc0Udk">said</a> on "Late Night with Seth Meyers" last week.</p> <p>To back up his claim, Cruz cited satellite data that has shown a lack of significant warming over the last 17 years. But Cruz's reasoning <a href="http://www.politifact.com/truth-o-meter/statements/2015/mar/20 /ted-cruz/ted-cruzs-worlds-fire-not-last-17-years/">has been debunked by Politifact</a>, which has shown that scientists have ample evidence to believe that the climate will continue to warm.</p> <p>"What he said is absolutely false,” Brown said on <a href="http://www.nbcnews.com/meet-the-press/california-governor-ted-cruz- unfit-be-running-n328046">NBC's "Meet the Press."</a> He added that <a href="http://climate.nasa.gov/scientific-consensus/">over 90 percent</a> of scientists who study the climate agree that climate change is caused by human activity. "That man betokens such a level of ignorance and a direct falsification of existing scientific data. It's shocking, and I think that man has rendered himself absolutely unfit to be running for office," Brown said.</p> <p>Brown added that climate change has <a href="http://www.huffingtonpost.com/2015/03/06/california-drought-february- record_n_6820704.html?utm_hp_ref=california-drought">caused droughts in his state</a>, as well as severe cold and storms on the east coast.</p> <p>While Cruz may have seen snow and ice everywhere in New Hampshire, data shows that the country is actually experiencing a <a href="http://www.huffingtonpost.com/2015/02/19/cold-weather- winter_n_6713104.html">warmer than average</a> winter.</p> <p>Brown’s criticism of Cruz comes one day before the Texas senator is set to announce a <a href="http://www.huffingtonpost.com/2015/03/22 /ted-cruz-2016_n_6917824.html">presidential campaign</a>. </p> </div> <div class="original"> <a href="http://www.huffingtonpost.com/2015/03/22/ted-cruz-climate-change_n_6919002.html">VIEW ORIGINAL</a> </div> </div> </div> </div> <script src="//code.jquery.com/jquery-latest.js"></script> <script src="/static/js/modal.js"></script> <script src="/static/js/bootbox.min.js"></script> <script src="/static/js/site.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-56257533-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>";


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

    }

    public String stripHtml(String html) {
        return Html.fromHtml(html).toString();
    }

}

Answer 2

इस कोड को आज़माएं,

if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.N){
   yourtextview.setText(Html.fromHtml(yourstring,Html.FROM_HTML_MODE_LEGACY));
}
else {
   yourtextview.setText(Html.fromHtml(yourstring));
}

Answer 3

इसे इस्तेमाल करे:

wv = (WebView) findViewById(R.id.wv);
String s = "You HTML string";
wv.loadData(stripHtml(s), "text/html", "UTF-8");

public String stripHtml(String html) {
    return Html.fromHtml(html).toString();
}