Changing text color in a WebView?

StackOverflow https://stackoverflow.com/questions/1254970

  •  12-09-2019
  •  | 
  •  

Question

There's a method for altering background color but not font.
Any ideas?

Was it helpful?

Solution

I'm not sure I understand. The WebView just displays the HTML you give it so you would just use normal HTML/CSS to modify the content displayed within.

OTHER TIPS

something like

String text = "<html><head>"
          + "<style type=\"text/css\">body{color: #fff; background-color: #000;}"
          + "</style></head>"
          + "<body>"                          
          + your_string_text_here
          + "</body></html>";

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

I had to put it in the onPageFinished method.

_webView.setWebViewClient(new WebViewClient() {
    public void onPageFinished(WebView view, String url) {
        _webView.loadUrl(
            "javascript:document.body.style.setProperty(\"color\", \"white\");"
        );
    }
});

This is the easiest way I found (change the text color to white for example):

webview.loadUrl("javascript:document.body.style.color=\"white\";");

This worked for me 

myWebView.getSettings().setJavaScriptEnabled(true);
myWebView.setWebViewClient(new WebViewClient() {
public void onPageFinished(WebView view, String url) {
    view.loadUrl(
        "javascript:document.body.style.setProperty(\"color\", \"white\");"
    );
  }
});

When the buffer is SPANNABLE, modifying the HTML directly is an ideal solution. The font, color, typeface, style can all be affected through HTML:

String szMessage = "<font face='trebuchet' size=30><a href=zz><b>click me</b></a></font>";

TextView tv = (TextView)findViewById(R.id.tv_message);
tv.setText(Html.fromHtml(szMessage), BufferType.SPANNABLE);

@rafraph's answer didn't work for me. I had to use 

webView.loadUrl("javascript:document.body.style.setProperty(\"color\", \"white\");");

You can concatenate your answer one body tag HTML with CSS style hex color, this is an example using a JSON response

First: function for decode JSON to HTML format

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

Second: Load data in WebView (no url)

 String string_html;
 string_html = "&lt;body style=&quot;color:#535362;&quot;&gt;" + youStringHTML + "&lt;/body&gt;";
 webView.loadDataWithBaseURL(null, stripHtml(string_html), "text/html", "utf-8", null);
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top