在WebView中显示已编码的html

时间:2015-11-19 11:08:04

标签: android html json webview html-encode

我想使用WebView来显示我的脚本:

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

该脚本由JSON发送,因为发送html:

<html>

<head>
<style>
html, body{
    margin: 0;
    padding:0;
    height: 100%;
    box-sizing: border-box;
}
.bf_container{
    width:100%;
    height: 100%;
}
.bf_item{
    box-sizing: border-box;
    width: 33%;
    float:left;
    padding: 5px 10px;
}
.bf_item img{
    max-width: 100%;
}
</style>
</head>
<body>
    <div class="bf_container">
        <div class="bf_item"> 
            <a href="#">
                <h3>Title</h3>
                <img src="http://placehold.it/350x150" onClick="Android.onAdClicked('app_url')">
            </a>
        </div>
        <div class="bf_item"> 
            <a href="#">
                <h3>Title</h3>
                <img src="http://placehold.it/350x150">
            </a>
        </div>
        <div class="bf_item"> 
            <a href="#">
                <h3>Title</h3>
                <img src="http://placehold.it/350x150">
            </a>
        </div>
        <div class="bf_item"> 
            <a href="#">
                <h3>Title</h3>
                <img src="http://placehold.it/350x150">
            </a>
        </div>

        <div class="bf_item"> 
            <a href="#">
                <h3>Title</h3>
                <img src="http://placehold.it/350x150">
            </a>
        </div>

        <div class="bf_item"> 
            <a href="#">
                <h3>Title</h3>
                <img src="http://placehold.it/350x150">
            </a>
        </div>
    </div>
</body>
</html>

必须编码为:

&lt;html&gt; &lt;head&gt; &lt;style&gt; html, body{ margin: 0; padding:0; height: 100%; box-sizing: border-box; } .bf_container{ width:100%; height: 100%; } .bf_item{ box-sizing: border-box; width: 33%; float:left; padding: 5px 10px; } .bf_item img{ max-width: 100%; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&quot;bf_container&quot;&gt; &lt;div class=&quot;bf_item&quot;&gt; &lt;a href=&quot;#&quot;&gt; &lt;h3&gt;Title&lt;/h3&gt; &lt;img src=&quot;http://placehold.it/350x150&quot; onClick=&quot;Android.onAdClicked('app_url')&quot;&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;bf_item&quot;&gt; &lt;a href=&quot;#&quot;&gt; &lt;h3&gt;Title&lt;/h3&gt; &lt;img src=&quot;http://placehold.it/350x150&quot;&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;bf_item&quot;&gt; &lt;a href=&quot;#&quot;&gt; &lt;h3&gt;Title&lt;/h3&gt; &lt;img src=&quot;http://placehold.it/350x150&quot;&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;bf_item&quot;&gt; &lt;a href=&quot;#&quot;&gt; &lt;h3&gt;Title&lt;/h3&gt; &lt;img src=&quot;http://placehold.it/350x150&quot;&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;bf_item&quot;&gt; &lt;a href=&quot;#&quot;&gt; &lt;h3&gt;Title&lt;/h3&gt; &lt;img src=&quot;http://placehold.it/350x150&quot;&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;bf_item&quot;&gt; &lt;a href=&quot;#&quot;&gt; &lt;h3&gt;Title&lt;/h3&gt; &lt;img src=&quot;http://placehold.it/350x150&quot;&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;

在WebView中正确显示此类HTML的方法是什么?因为到目前为止它不处理脚本,只显示脚本文本。

0 个答案:

没有答案