2013-02-01 50 views
12

我有一個<div contenteditable="true"></div>,當我輸入一些內容進去,然後刪除這些內容,就好像在瀏覽器自動插入一個<br>元素插入這個元素。<br>插入CONTENTEDITABLE html元素如果留空

有沒有人有這方面的經驗?知道如何解決它?

+0

這是怎麼發生的? – Kermit

+1

在什麼情況下?你是在修改文件,還是隻是在控制檯或其他東西上搞亂了dom? –

+0

div應該總是自己分開,相當於
s,因爲它是一個塊元素。 – NoBugs

回答

5

在開發Web應用程序的功能之前,我遇到了這個問題。這是瀏覽器的默認行爲。這與文本編輯器的換行符相同。處理它的最佳方法是在提交/抓取內容以刪除標籤時對內容運行RegEx,然後在沒有文本可用時將其隱藏。

我通常使用<br>標籤來找出我的換行符在哪裏。有些瀏覽器使用<p>標籤,所以一定要跨瀏覽器測試它。

+0

謝謝。目前我只是在檢查內容爲'
',並將其視爲空洞的情況。似乎有點hackish。想知道是否有更好的解決方案。 –

0

我運行時出現同樣的問題,當我做一個元素的內容可編輯我想出一個
被插入在我讓元素contenteditable在同一時間我刪除元素的休息。這對我來說非常合適。

myselect.attr('contenteditable', 'true'); 
myselect.find('br').remove(); 
相關問題