Как отобразить HTML в TextView?

у меня просто HTML-код:

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

Я хочу отобразить текст в стиле HTML в TextView. Как это сделать?

637
android android-textview html xml-parsing

18 ответов

вам нужно использовать Html.fromHtml() использовать HTML в строках XML. Просто ссылка на строку с HTML в вашем макете XML не будет работать.

например (

myTextView.setText(Html.fromHtml("<h2>Title</h2><br><p>Description here</p>"));

например (>=Android нуга):

myTextView.setText(Html.fromHtml("<h2>Title</h2><br><p>Description here</p>", Html.FROM_HTML_MODE_COMPACT));

чтобы различать версии Android, используйте Build.VERSION.SDK_INT >= Build.VERSION_CODES.N.

1129

взгляните на это:https://stackoverflow.com/a/8558249/450148

Это тоже очень хорошо!!

<resource>
    <string name="your_string">This is an <u>underline</u> text demo for TextView.</string>
</resources>

это работает только для нескольких тегов.

59

setText (Html.fromHtml (bodyData)) is устаревший после api 24. Теперь вы должны сделать это:

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

Если вы хотите иметь возможность настроить его через 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"/>
37

ниже код дал лучший результат для меня.

TextView myTextview = (TextView) findViewById(R.id.my_text_view);
htmltext = <your html (markup) character>;
Spanned sp = Html.fromHtml(htmltext);
myTextview.setText(sp);
21

Если вы пытаетесь показать 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));

посмотреть этот в должности для получения дополнительной информации.

16
String value = "<html> <a href=\"http://example.com/\">example.com</a> </html>";
    SiteLink= (TextView) findViewById(R.id.textViewSite);
    SiteLink.setText(Html.fromHtml(value));
    SiteLink.setMovementMethod(LinkMovementMethod.getInstance());
11

Если вы просто хотите отобразить некоторый html-текст и на самом деле не нужен TextView, затем WebView и используйте его следующим образом:

String htmlText = ...;
webview.loadData(htmlText , "text/html; charset=UTF-8", null);

Это также не ограничивает вас несколькими тегами html.

10

стоит отметить, что метод HTML-код.fromHtml(строка-источник) устарел с уровня API 24. Если это ваш целевой API, вы должны использовать HTML-код.fromHtml (источник строк, флаги int) вместо.

10

лучший подход для использования разделов CData для строки в строках.xml-файл для получения фактического отображения содержимого html в TextView приведенный ниже фрагмент кода даст вам справедливую идею.

//in string.xml file
<string name="welcome_text"><![CDATA[<b>Welcome,</b> to the forthetyroprogrammers blog Logged in as:]]> %1$s.</string>

//and in Java code
String welcomStr=String.format(getString(R.string.welcome_text),username);
tvWelcomeUser.setText(Html.fromHtml(welcomStr));

раздел CData в тексте строки сохраняет данные тега html нетронутыми даже после форматирования текста с помощью строки.способ формате. Итак, Html.fromHtml (str) отлично работает, и вы увидите жирный текст в приветственном сообщении.

выход:

Добро пожаловать в ваш любимый магазин музыкальных приложений. Вошел в систему как: username

10

Я хотел бы также предложить следующий проект:https://github.com/NightWhistler/HtmlSpanner

использование почти такое же, как по умолчанию Android converter:

(new HtmlSpanner()).fromHtml()

нашел его после того, как я уже начал собственную реализацию HTML в spannable converter, потому что стандартный Html.fromHtml не обеспечивает достаточной гибкости в управлении рендерингом и даже не позволяет использовать пользовательские шрифты из ttf

6

простой в использовании Html.fromHtml("html string"). Это сработает. Если строка имеет теги, такие как <h1> тогда появятся пробелы. Но мы не можем устранить эти пробелы. Если вы все еще хотите удалить пробелы, вы можете удалить теги в строке, а затем передать строку в метод Html.fromHtml("html string"); . Также, как правило, эти строки поступают с сервера (динамического), но не часто, если это лучше передать строку, как она есть в метод, чем пытаться удалить теги из строки.

5
String value = html value ....
mTextView.setText(Html.fromHtml(value),TextView.BufferType.SPANNABLE)
4

я реализовал это с помощью веб-просмотра. В моем случае я должен загрузить изображение из URL вместе с текстом в текстовом представлении, и это работает для меня.

WebView myWebView =new WebView(_context);
        String html = childText;
        String mime = "text/html";
        String encoding = "utf-8";
        myWebView.getSettings().setJavaScriptEnabled(true);
        myWebView.loadDataWithBaseURL(null, html, mime, encoding, null);
3

было предложено через различные ответы использовать HTML-код класс framework, как предлагается здесь, но, к сожалению, этот класс имеет различное поведение в разных версиях Android и различные неадресные ошибки, как показано в вопросах 214637, 14778, 235128 и 75953.

поэтому вы можете использовать библиотеку совместимости для стандартизации и обратного переноса класса Html через Android версии, которые включают в себя больше обратных вызовов для элементов и стиля:

проект GitHub HtmlCompat

хотя он похож на Html-класс фреймворка, некоторые изменения подписи были необходимы, чтобы разрешить больше обратных вызовов. Вот пример со страницы GitHub:

Spanned fromHtml = HtmlCompat.fromHtml(context, source, 0);
// You may want to provide an ImageGetter, TagHandler and SpanCallback:
//Spanned fromHtml = HtmlCompat.fromHtml(context, source, 0,
//        imageGetter, tagHandler, spanCallback);
textView.setMovementMethod(LinkMovementMethod.getInstance());
textView.setText(fromHtml);
2

всякий раз, когда вы пишете пользовательский текст view basic HTML set text feature будет получить исчезла форма некоторых устройств.

поэтому нам нужно сделать следующие дополнительные шаги, чтобы сделать работу

открытый класс CustomTextView расширяет TextView {

//внутри конструктора

   setText(Html.fromHtml(getText().toString()));

}

2

сделайте глобальный метод, например:

public static Spanned stripHtml(String html) {
            if (!TextUtils.isEmpty(html)) {
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
                    return Html.fromHtml(html, Html.FROM_HTML_MODE_COMPACT);
                } else {
                    return Html.fromHtml(html);
                }
            }
            return null;
        }

вы также можете использовать его в своей деятельности / фрагменте, например:

text_view.setText(stripHtml(htmlText));
0

могу ли я предложить несколько хакерское, но все же гениальное решение! Я получил эту идею от в этой статье и адаптировал его для Android. В основном вы используете WebView и вставьте HTML, который вы хотите показать и отредактировать, в редактируемый тег div. Таким образом, когда пользователь нажимает 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;
    }
}

и здесь - это компонент, как суть.

Примечание: мне не нужен обратный вызов изменения высоты из исходного решения, так что здесь отсутствует, но вы можете легко добавить его при необходимости.

0