比在div中使用append更好的方法contenteditable

Question

我有一個contenteditable div，其中如果用戶在某些內容後按下輸入，則會創建兩個break標籤。

line 1 
</br> 
</br> 

如果用戶手動啓動鍵入它變成

line 1 
</br> 
line 2 
</br> 

但我使用jQuery附加功能，把一些HTML內容

jQuery('.editor').append(e.target.innerHTML); 

但它變得

line 1 
</br> 
</br> 
html content 

在那兒 任何方式都不會在內容之間出現兩行差距？

Answer 1

我也面臨同樣的問題，並且它還增加了'& lt'，'$ gt'等等。我使用下面的正則表達式來刪除所有的html標籤。當你調用onblur事件時，在函數內部使用下面的代碼去除標籤。即使您將內容複製並粘貼到可編輯div中，它也可以工作。

x = x.replace(/(<[^\\>]*>|<br\/>|&amp;|amp;|&lt|&gt;)/g, ''); 
x = x.trim(); 

希望這是你在找什麼。