在contenteditable div中显示空<p>标签的工作原理是什么？</p>

Question

仅适用于Internet Explorer 我有一个内容可编辑的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>

它呈现的地方如

  

我的标题1
   blankline
   blankline
  我的标题2
   blankline
   blankline
  我的标题3
   blankline
   blankline

然而它就是这样渲染的。

  

我的标题1
  我的标题2
  我的标题3

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

如何在我的div中显示<p>标记？

Answer 1

我在使用<P>&#8203;</P>零宽度空间角色方面取得了成功。但是，这使得如果用户希望删除一行，则必须按两次退格。我要问一个新问题来解决这个问题 Here