HTML-код в тегах pre и xmp рендерит

Question

HTML-код в тегах pre и xmp рендерит

0

Я пытаюсь отобразить некоторый HTML-код в тегах <pre> и <xmp>, но вместо того, чтобы просто показывать код, этот HTML-код фактически отображает. Также я использую Google Prettify, чтобы выделить синтаксис.

<pre class="prettyprint code"></pre>

Javascript

$(".code").html("<xmp>"+data+"</xmp>");
$('.prettyprinted').removeClass('prettyprinted');

prettyPrint();

Поэтому, когда я пытаюсь отобразить <b>HEllo</b> я получаю Hello

Alen 05 янв. 2014, в 11:51

Источник

0

Не воспроизводится. Код, дополненный реальным примером, работает как задумано. Не ясно , почему вы используете как pre и xmp , так как они в основном похожи на разборе за исключением: в xmp , нет разметки , кроме собственного конечного тега элемента не признается - и это , кажется, что вы хотите.
Jukka K. Korpela 05 янв. 2014, в 14:00
0

Я использую pre, потому что это нужно классу Google Prettify, и xmp, потому что я обнаружил в интернете, что это заставит код не отображаться. У меня нет проблем с кодом из других языков программирования, просто когда я использую HTML, он отображает
Alen 05 янв. 2014, в 15:36
0

То же самое происходит, если я поставлю только тег xmp. Когда я открываю инструменты разработчика Chrome, в html я вижу свои html-теги как необработанный текст, но в браузере они отображаются
Alen 05 янв. 2014, в 16:11
0

Так? Вы должны видеть теги в инструментах разработчика.
Jukka K. Korpela 05 янв. 2014, в 20:51
0

pastebin.com/DJB0Wu2H Это моя проблема, см. ссылку. Я заметил, как только Google Prettify загружает, эта проблема возникает
Alen 05 янв. 2014, в 21:35
0

Вы должны уточнить вопрос, отредактировав сам вопрос. Код на странице вставки не такой, как в вопросе.
Jukka K. Korpela 05 янв. 2014, в 21:37
0

Да, я знаю, я добавил это вручную, чтобы вы могли лучше видеть, что происходит
Alen 05 янв. 2014, в 22:03

Показать ещё 5 комментариев

Теги:

jquery

html

google-code-prettify

2 ответа

0

Вы должны использовать HTML-сущности.

например

&lt;b&gt;HEllo&lt;/b&gt;

отображается как <b> HEllo </b>

gnuheidix 05 янв. 2014, в 08:07

0

Пробовал, но вместо этого получаю <Я получаю & lt
Alen 05 янв. 2014, в 10:54

Ещё вопросы

Не воспроизводится. Код, дополненный реальным примером, работает как задумано. Не ясно , почему вы используете как pre и xmp , так как они в основном похожи на разборе за исключением: в xmp , нет разметки , кроме собственного конечного тега элемента не признается - и это , кажется, что вы хотите.
Я использую pre, потому что это нужно классу Google Prettify, и xmp, потому что я обнаружил в интернете, что это заставит код не отображаться. У меня нет проблем с кодом из других языков программирования, просто когда я использую HTML, он отображает
То же самое происходит, если я поставлю только тег xmp. Когда я открываю инструменты разработчика Chrome, в html я вижу свои html-теги как необработанный текст, но в браузере они отображаются
Так? Вы должны видеть теги в инструментах разработчика.
pastebin.com/DJB0Wu2H Это моя проблема, см. ссылку. Я заметил, как только Google Prettify загружает, эта проблема возникает
Вы должны уточнить вопрос, отредактировав сам вопрос. Код на странице вставки не такой, как в вопросе.
Да, я знаю, я добавил это вручную, чтобы вы могли лучше видеть, что происходит
Пробовал, но вместо этого получаю <Я получаю & lt

Alen · Accepted Answer · 2014-01-06T14-53-00.000Z

Я решил эту проблему. Я сделал class="tag" где-то в моем css, и, предположительно, google prettify использует одно и то же имя класса (.tag), чтобы пометить теги html, поэтому после того, как я изменил имя своего класса на другое имя, все было в порядке.