Как я могу предотвратить рендеринг кода, написанного на моем <pre>?

Question

Итак, я использую кодировщик Google Code: http://code.google.com/p/google-code-prettify/

Это делает что-то похожее на то, что здесь происходит при переполнении стека, когда при написании блока кода оно его украшает и добавляет подсветку синтаксиса.

Проблема в том, что я пишу такой код

<code> <pre class="prettyprint">
   <div class="specialForm">
   ...
 </div>
 

вместо рендеринга текста точно так же, как переполнение стека, он фактически отображает DIV на странице, и я понятия не имею, что я делаю неправильно

Answer 1

Если вы посмотрите на источник здесь в stackoverflow, ваш пост на самом деле:

<pre class="prettyprint">
   <div class="specialForm">
   ...
 </div>
 </pre>

Это не позволяет браузеру воспринимать их как синтаксис html и печатает буквально <, > и т. Д.