Как в Pug вставить пример кода HTML?

Question

[Odinokun]

Столкнулся с проблемой.
Надо в Pug вставить примеры кода.
CSS и JS вставляются без проблем, а вот с HTML возникли проблемы, так как Pug воспринимает его не как текст, а именно как код и не отображает теги на экране.
Подскажите плз, как сделать так, что бы Pug думал, что определенные теги - это просто текст.
Вот пример того, что получается https://codepen.io/Odinokun/pen/ZEYBRMQ?editors=1010

Comments

[Алекс Глебов]

через = выводится просто текст
https://codepen.io/SkiperX/pen/xxbRazK?editors=1010

Answer 1

[Lord_Dantes]

1. Тэг code не предназначен для html, а предназначен для функций названий переменных и тд программного кода.
CSS в вашем случае тоже текст потому-что вы его написали так, если добавите <style></style> то он тоже станет работающим.

2. Конкретно с кодом и показом его не работал но в голову приходит лишь показывать как текст в обычной дивке его и все.
htmlbook.ru/faq/kak-otobrazit-tegi-na-veb-stranitse

Comments

[Odinokun]

Pug перестает компилировать HTML, если заменять первую скобку тега на <
Только это костыль какой-то.
Может функцию какую-то написать, что бы внутри определенного класса все скобки "<" заменялись на "<"...

Answer 2

[Евгений Журов]

Разве что как-то так. Но если кода много, то хз, насколько такой подход будет удобным)

Comments

[Odinokun]

Тогда наверное будет удобнее заменять открывающую скобку на символ <
Это хоть как-то автоматизировать можно (исходный пример добавил)

[Евгений Журов]

Дмитрий, в комменте к самому вопросу предложили более удобный вариант, как мне кажется.