如何在TextView中显示HTML？

我有简单的HTML：

<h2>Title</h2><br>
<p>description here</p>

我想在TextView中显示HTML样式的文本。如何做到这一点？

当前回答

我可以提出一个有点粗糙但仍然天才的解决方案吗！我从这篇文章中得到了这个想法，并将其改编为Android。基本上，您使用WebView，并在可编辑的div标记中插入要显示和编辑的HTML。这样，当用户点击WebView时，键盘就会出现并允许编辑。他们只需要添加一些JavaScript就可以取回编辑过的HTML，瞧！

代码如下：

public class HtmlTextEditor extends WebView {

    class JsObject {
        // This field always keeps the latest edited text
        public String text;
        @JavascriptInterface
        public void textDidChange(String newText) {
            text = newText.replace("\n", "");
        }
    }

    private JsObject mJsObject;

    public HtmlTextEditor(Context context, AttributeSet attrs) {
        super(context, attrs);

        getSettings().setJavaScriptEnabled(true);
        mJsObject = new JsObject();
        addJavascriptInterface(mJsObject, "injectedObject");
        setWebViewClient(new WebViewClient(){
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                loadUrl(
                        "javascript:(function() { " +
                            "    var editor = document.getElementById(\"editor\");" +
                            "    editor.addEventListener(\"input\", function() {" +
                            "        injectedObject.textDidChange(editor.innerHTML);" +
                            "    }, false)" +
                            "})()");
            }
        });
    }

    public void setText(String text) {
        if (text == null) { text = ""; }

        String editableHtmlTemplate = "<!DOCTYPE html>" + "<html>" + "<head>" + "<meta name=\"viewport\" content=\"initial-scale=1.0\" />" + "</head>" + "<body>" + "<div id=\"editor\" contenteditable=\"true\">___REPLACE___</div>" + "</body>" + "</html>";
        String editableHtml = editableHtmlTemplate.replace("___REPLACE___", text);
        loadData(editableHtml, "text/html; charset=utf-8", "UTF-8");
        // Init the text field in case it's read without editing the text before
        mJsObject.text = text;
    }

    public String getText() {
        return mJsObject.text;
    }
}

这是Gist的组件。

注意：我不需要原始解决方案中的高度更改回调，所以这里没有，但如果需要，可以轻松添加。

2018-09-26 20:49:27

其他回答

如果您希望能够通过xml配置它，而不需要对java代码进行任何修改，您可能会发现这个想法很有用。只需从构造函数调用init并将文本设置为html

public class HTMLTextView extends TextView {
    ... constructors calling init...
    private void init(){
       setText(Html.fromHtml(getText().toString()));
    }    
}

xml格式：

<com.package.HTMLTextView
android:text="@string/about_item_1"/>

2014-12-13 19:50:58

我知道这个问题很老了。这里的其他答案建议使用Html.fromHtml（）方法。我建议您使用androidx.core.text.HtmlCompat包中的HtmlCompat.fromHtml（）。因为这是Html类的向后兼容版本。

示例代码：

import androidx.core.text.HtmlCompat;
import android.text.Spanned;
import android.widget.TextView;

String htmlString = "<h1>Hello World!</h1>";

Spanned spanned = HtmlCompat.fromHtml(htmlString, HtmlCompat.FROM_HTML_MODE_COMPACT);

TextView tvOutput = (TextView) findViewById(R.id.text_view_id);

tvOutput.setText(spanned);

通过这种方式，您可以避免Android API版本检查，并且它很容易使用（单行解决方案）。

2019-01-04 06:52:54

您可以像这样使用简单的Kotlin扩展函数：

fun TextView.setHtmlText(source: String) {
    this.text = HtmlCompat.fromHtml(source, HtmlCompat.FROM_HTML_MODE_LEGACY)
}

和用法：

textViewMessage.setHtmlText("Message: <b>Hello World</b>")

2020-02-06 09:13:57

值得一提的是，从API级别24开始，Html.fromHtml（字符串源代码）方法已被弃用。如果这是你的目标API，你应该使用Html.fromHtml（字符串源，int标志）。

2016-06-22 05:31:34

如果您试图从字符串资源id显示HTML，则格式可能不会显示在屏幕上。如果发生这种情况，请尝试使用CDATA标记：

strings.xml:
<string name="sample_string"><![CDATA[<h2>Title</h2><br><p>Description here</p>]]></string>

...

MainActivity.java:
text.setText(Html.fromHtml(getString(R.string.sample_string));

有关更多详细信息，请参阅本文。

2016-07-08 17:22:43

如何在TextView中显示HTML？

推荐文章

最新文章

标签