Firefox不允许空白的contenteditable区域

Question

Firefox版本30.

以下代码在chrome中完美运行,我可以开始在Paragraph中输入.

但它在firefox中不起作用,任何线索有什么不对

<div>
    <div>
      <span contenteditable="false">Not editable area</span>
        <p contenteditable="true"></p>
    </div>
</div>

JSFiddle - http://jsfiddle.net/THPmr/30/

Answer 1

Chrome似乎会自动为可疑段落指定一些高度,但Firefox不会.简单的解决方案是在段落中添加min-height.

<p contenteditable="true" style="min-height:15px"></p>

现在我们不必担心额外的空间和不必要的br标签