Display empty <p> with TextAngular at render

Question

Is there an easy way to keep empty <p> visible in wysiwyg when using TextAngular?

If the string is <h1>test</h1><p></p><p></p><h2>subtitle</h2>, when the page render and the content is passed to TextAngular, the HTML source code has all tags, but the wysiwyg doesn't show them.

Did I miss something? Thanks

Edit: here is a fiddle to demonstrate

Answer 1

It's not an elegant solution, but you can parse your html string and add   to your empty tags.

this.html = "<h1>Test</h1><p>&nbsp;</p><p>&nbsp;</p><h2>Test</h2>";