Android WebView 加载富文本内容

WebView加载数据的方式有两种：

1. webView.loadUrl(data);//加载url
2. webView.loadDataWithBaseURL(null,data, "text/html" , "utf-8", null);//加载html数据

 可以使用来加载富文本内容：

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

为了使WebView在手机上能更好的展示富文本内容，推荐如下的WebSetting：

WebSettings settings = webView.getSettings();
        // 设置WebView支持JavaScript
        settings.setJavaScriptEnabled(true);
        //支持自动适配
        settings.setUseWideViewPort(true);
        settings.setLoadWithOverviewMode(true);
        settings.setSupportZoom(true);  //支持放大缩小
        settings.setBuiltInZoomControls(true); //显示缩放按钮
        settings.setBlockNetworkImage(true);// 把图片加载放在最后来加载渲染
        settings.setAllowFileAccess(true); // 允许访问文件
        settings.setSaveFormData(true);
        settings.setGeolocationEnabled(true);
        settings.setDomStorageEnabled(true);
        settings.setJavaScriptCanOpenWindowsAutomatically(true);/// 支持通过JS打开新窗口
        settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
        settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
        //设置不让其跳转浏览器
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                return false;
            }
        });

        // 添加客户端支持
        webView.setWebChromeClient(new WebChromeClient());
        // mWebView.loadUrl(TEXTURL);

        //不加这个图片显示不出来
        if (Build.VERSION.SDK_INT > Build.VERSION_CODES.LOLLIPOP) {
            webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
        }
        webView.getSettings().setBlockNetworkImage(false);

        //允许cookie 不然有的网站无法登陆
        CookieManager mCookieManager = CookieManager.getInstance();
        mCookieManager.setAcceptCookie(true);
        mCookieManager.setAcceptThirdPartyCookies(webView, true);

        webView.loadUrl(URL);

补充：

当我们使用WebView加载富文本网页文件时，可能存在某些机型上展示内容乱码的问题。

解决方案：

1.首先设置html头文件为 utf-8，示例代码如下：

2. 其次保证webView设置的编码与html设置编码一致：

webview.getSettings().setDefaultTextEncodingName("utf-8"); 

3.修改富文本样式适配屏幕

html示例代码：

将代码结合富文本进行动态修改富文本样式：

private String getHtmlData(String bodyHTML) {
        String head = ""
                + " "
                + ""
                + "";
        return "" + head + "" + bodyHTML + "";
    }

显示如下：

4.设置取消四周空白

public static String getNewContent(String htmltext) {
        Document doc = Jsoup.parse(htmltext);
        Elements head = doc.getElementsByTag("head");
        head.get(0).html("");
//        Elements elements = doc.getElementsByTag("img");
//        for (Element element : elements) {
//            element.attr("width", "100%").attr("height", "auto");
//        }
        return doc.toString();
    }