可HTML格式-連接段落而不應用內聯樣式

Question

在WYSIWYG編輯器（基於contenteditable div）中，我有代碼來確保在粘貼粘貼，常規鍵入等操作時，不會在HTML中插入任何內聯樣式。但是現在瀏覽器似乎想讓我更多。 假設我的HTML中有2種此類段落

<p>This is the first paragraph |(cursor)</p>
<p>This is the second paragraph</p>

沒有內聯樣式。 但是，如果我現在通過按“ Delete / Backspace ”將這兩段結合在一起 ，Chrome決定這樣做

<p>This is the first paragraph |(cursor)
    <!-- Note the horrible inline styles -->
    <span style="font-size: 13px; line-height: 19.53px;">
        This is the second paragraph
    </span>
</p>

有人對我如何預防/檢測出這種情況有任何想法嗎？

Answer 1

這是Webkit的問題。 它還會影響CKEditor（ http://dev.ckeditor.com/ticket/9998 ）。 我報告了這些票：

• http://code.google.com/p/chromium/issues/detail?id=226941
• https://bugs.webkit.org/show_bug.cgi?id=114791

但是沒有回應。

您無法在jsfiddle上復制此代碼，因為需要將樣式應用於這些段落。 例如：

p { line-height: 1.5em; font-size: 12px; }

請檢查以下一項： http : //jsfiddle.net/HHHak/2/

因此，目前有兩種可能的解決方案：

• 避免任何樣式：| （但這不能解決我在提到的錯誤報告中描述的其他問題），
• 實現自己的退格鍵/刪除支持（確實很棘手...您可以在規范草稿中找到一個算法 ，但我不確定它是否完整）。