My first test with SyntaxHighlighter:


<pre class="brush:html">
  <a href="http://www.modelibra.org/">Modelibra Modeler</a>
</pre>

<pre class="brush:html">
  &lt;a href=&quot;http://www.modelibra.org/&quot;&gt;Modelibra Modeler&lt;/a&gt;
</pre>


&lt;pre class=&quot;brush:html&quot;&gt;
  &lt;a href=&quot;http://www.modelibra.org/&quot;&gt;Modelibra Modeler&lt;/a&gt;
&lt;/pre&gt;





<pre class="brush:sql">
SELECT *
FROM users
WHERE user_id = 1212;
</pre>


&lt;pre class=&quot;brush:sql&quot;&gt;
SELECT *
FROM users
WHERE user_id = 1212;
&lt;/pre&gt;


SyntaxHighlighter

http://alexgorbatchev.com/SyntaxHighlighter/integration.html

I have used the following in the template:

<!--SYNTAX HIGHLIGHTER BEGINS-->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js' type='text/javascript'/>
<!-- add brushes here -->
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/>
<script type='text/javascript'>
 SyntaxHighlighter.config.bloggerMode = true;
 SyntaxHighlighter.all();
</script>
<!--SYNTAX HIGHLIGHTER ENDS-->

 </head>