How do I prevent code written in my
from rendering?

Question

It does something similar to what stack overflow does here where when you write a block of code it beautifies it and adds syntax highlighting.

The problem I am haveing is if I write code like this

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

instead of rendering the text just as stack overflow does, it actually renders the DIV on the page and I have no clue what I am doing wrong

You need to escape the html like `<div class="specialForm">...` You can inspect your very post with Web Inspector and see that. — Esailija, Jan 18 '12 at 00:27

score 2 · Accepted Answer · answered Jan 18 '12 at 00:32

If you look at the source here in stackoverflow, your post is actually:

&lt;pre class="prettyprint"&gt;
   &lt;div class="specialForm"&gt;
   ...
 &lt;/div&gt;
 &lt;/pre&gt;

This prevents the browser from treating them as html syntax and it prints literal <,> etc.

1 Answers1