<p> 在内容可编辑的div中显示空标签的解决方法是什么？

Question

仅适用于ie浏览器。
我有一个内容可编辑的div，用户可以在其中输入丰富的内容(nicEditor)。

我有一个功能，我用预定义的模板设置div的html。理想情况下，我希望我的模板是像。

<p><b>My Heading1</b></p>
<p></p>
<p></p>
<p><b>My Heading2</b></p>
<p></p>
<p></p>
<p><b>My Heading3</b></p>
<p></p>
<p></p>

显示为

我Heading1

blankline
blankline
我Heading2
blankline
blankline
我Heading3
blankline
blankline

但是它是这样呈现的。

我Heading1

我Heading2
My Heading3

我试过用这些代替，但它们都有问题。
<p>&nbsp;</p>, <p><span style="display:none;">&nbsp;</span></p> -每行都有空格
<p><br/></p> -当用户开始输入时，出现新的一行。
<br/>, <span><br/></span> -适用于空格，除非用户使用插入列表命令之一。所有的内容都放在一个单独的列表项下。

我能做些什么让我的<p>标签显示在我的div?

Answer 1

我已经成功地使用了<P>&#8203;</P>零宽度空间字符。但是，这使得如果用户希望删除一行，他们必须按两次退格键。我要问一个新问题来解决这个问题。