Contenteditable在我点击空间时添加了一个<br>

Question

我不确定为什么，但是如果您有一个启用了contenteditable的元素，当您第一次输入空格时，它会在元素中附加<br>标记。如果元素在默认情况下（<p contenteditable="true">this is a test</p>）中有一个空间，它会被罚款，但只要用户点击该空格键（或者甚至复制粘贴+空格字符），火狐增加了<br _moz_dirty="" />到<p>。

有没有人有任何理由想法或一个简单的解决？这是我第一次玩contenteditable，所以很多这对我来说都是新的。目前，我只是使用$('br').remove()这似乎工作，但我很乐意解释和正确的方法来防止它，如果有人知道。

Answer 1

我使用preventDefault当用户进行回车。也许您可以修改它以在用户使用空格键时返回正常空间。

 if(e.keyCode==13 && e.shiftKey){ //enter && shift 
      e.preventDefault(); //Prevent default browser behavior 
      //this.html(this.html+"<br>"); 
     } 
     if(e.keyCode==13){ //enter 
      e.preventDefault(); //Prevent default browser behavior 
     }