1. 程式人生 > >ueditor復制文本有多余的空行問題

ueditor復制文本有多余的空行問題

標簽 全選 cli 分享圖片 圖片 idt 監聽 .cn edit

今天從ueditor中復制文本,粘貼到記事本中發現每一行後面都多了一個空行。

Ueditor中的文本如圖:

技術分享圖片

本來只有三行,全選復制所有內容,再粘貼到記事本中發現有每一行文本後面都有多余的空行:

技術分享圖片

如果我想復制出來的文本與ueditor中顯示一樣,不要空行,該怎麽做呢?

Ueditor中的內容實際上仍然是html結構的代碼:

技術分享圖片

<p>元素表示一個段落,復制成純文本後,每一個段落之間就有了一個空行。那麽我們在復制事件中,手動修改復制的內容可以嗎?經過一番試驗發現是可以的,先監聽copy事件,再從獲取當前選中的內容,再用正則表達式把</p>替換成\n就可以了。代碼如下:

技術分享圖片

技術分享圖片

其實不僅<p>標簽有這種問題,像div、ul、h1~h5等標簽都有這種問題。

ueditor復制文本有多余的空行問題