TinyMCE Error on a Stand Alone Edit Page

Since TinyMCE has been working great for me as a Stand Alone Entry Form editor I decided to try it for editing existing pages, too.

Thankfully it works well! When the page loads the text gets passed into the textarea on the page and then TinyMCE loads up and works its magic on the text… but with one error: -br- code gets misinterpreted or rather pre-interpreted wrongly. Easiest to show an example:

First how it’s written, then how it’s being interpreted:

Code written as:

Hello.
<div>
</div>
How are you?
<div>
</div>
I am fine.

Is reading as:

Hello.
<div>
</div>
How are you?
<div>
</div>
I am fine.

See the difference? It’s interpreting the -br- and using it to line break between the -div-. So the text in TinyMCE is single spaced without a blank line inbetween. But the -br- is still there, as a Preview of the apparently single-spaced tinymce text comes up double-spaced with the -br- being interpreted correctly.

Once when the page was loading slowly I got the attached screenshot, too, which shows the error.

Any thoughts on how to fix this? Obviously the -br- is getting interpreted as part of the page’s html instead as a part of the body code. But TinyMCE must know how to handle this kind of scenario since it renders text correctly – even between previews – when it is first creating a post…