Firefox不允許空白contenteditable區域

Question

Firefox版本30.

以下代碼在鉻中完美工作，我可以開始在段落中鍵入。

但它不工作在Firefox，任何線索，什麼是錯的

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

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

Answer 1

鉻似乎有些高度自動分配到CONTENTEDITABLE段落，但Firefox不。簡單的解決方案是爲段落添加最小高度。

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

現在我們不擔心多餘的空格和不必要的BR標籤

Answer 2

CSS解決方案：

p[contenteditable] { min-height: 1em} 
/* or more generic for any element*/ 
[contenteditable] { min-height: 1em} 

DEMO