While creating a  pattern library for a project I encountered the problem of displaying xml code in the frontend in <code> or <pre> didn't work. The code is placed in a new view, a new page.

What I wanted to do is to have this shown in the frontend exactly so: 

<a class='btn btn-primary' href='#'>Confirm</a>

I don't want to show the actual button. So my code looks like this:

<pre>
&lt;a class='btn btn-primary' href='#'&gt;Confirm &lt;/a&gt;
</pre>

In this case, Odoo still renders the code inside the <pre> tags and displays the button.

I tried also replacing the pre for code element, a combination of pre and code, using CDATA. In every case, the button will be rendered instead of the xml markup.

<![CDATA[&amp;lt;a class='btn btn-primary' href='#'&amp;gt;Confirm &amp;lt;/a&amp;gt;]]>

The only (current) way I found so far is to put spaces in the tags, it's the only thing that keeps the code from being rendered:

<pre>
&lt;a class='btn btn-primary' href='#'&gt; Confirm &lt;/a&gt;
 </pre>

Thanks in advance for any help!