Показывать HTML как обычный текст

Я ищу способ показать HTML как HTML без чтения его браузером, я нашел <plainttext> но как только я начну это, я не могу остановить это, например:

<plaintext>
    <span> dobeediedabiedadadee olleeeeee</span>
</plaintext>
<h1>hi</h1>

в этом примере диапазон должен быть показан как текст, а h1 как заголовок, но результат будет таким:

    <span> dobeediedabiedadadee olleeeeee</span>
</plaintext>
<h1>hi</h1>

</body>


</html>

вот ссылка JSFiddle: JSFiddle

также приветствуется другое решение в виде открытого текста, спасибо за ваше время.

6 ответов

plaintext давно устарел, просто используйте &gt; а также &lt;

&lt;span&gt; dobeediedabiedadadee olleeeeee&lt;/span&gt;

ДЕМО: скрипка

Вы всегда можете использовать JavaScript, чтобы избежать HTML. Вот скрипка

html.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");

Следующая ссылка описывает трудности в использовании <plaintext>, Короче говоря, он не полностью поддерживается ни в одном браузере, и вы должны использовать <pre> вместо.

http://reference.sitepoint.com/html/plaintext

Используйте PRE

<pre>
    <span> dobeediedabiedadadee olleeeeee</span>
</pre>
<h1>hi</h1>

Это проблема совместимости, некоторые браузеры полностью игнорируют кодирование

посмотрите на эту ссылку http://reference.sitepoint.com/html/plaintext

я бы предложил вам использовать вместо

<plaintext> это не пара тегов. От этого тега до остальной части страницы все интерпретируется как текст. Тем не менее, это не стандартная и устаревшая в HTML5:

Примеров нет, правда. не используйте это.

Буквально написано в справке w3

Другие вопросы по тегам