I'm creating a site using Mezzanine CMS / Django which utilizes TinyMCE as its text editor and I am having trouble with the combination of <pre>
and <code>
tags.
When I drop code into a <pre>...</pre>
block all of my line breaks work. For example:
.nav {
display:block;
}
However, when I include the <code>
tag (<pre><code>...</code></pre>
) all line breaks are removed and the code ends up like this:
.nav { display:block; }
This makes including readable code snippets very difficult. I have been going through all of the different configuration options on TinyMCE's docs but can't seem to find anything that works.