IE8 показывает пустую строку после плавающих элементов в contenteditable

Question

Если у вас есть элемент, следующий за другим элементом с float:left и включающий contenteditable в IE8, следующему элементу будет предшествовать пустая строка в IE8, если вы включите contentEditable="true".

Пример:

<img src="foo.jpg" style="float:left">
<p>Some random text</p>

в IE8 это будет выглядеть так:

См. Строку перед «Некоторым произвольным текстом»?

Это особенно раздражает, если вы используете wysiwyg-редактор, потому что это влияет на некоторые его функции.Кроме того, это создает разметку, которую вы не хотите.В CKEditor вы можете видеть, что dom-path этой строки находится в теле, а не внутри какого-либо элемента.

Answer 1

Ручная установка CSS элементов абзаца с помощью:

    p {margin-top:0;margin-bottom:0}

должен решить эту проблему.

Answer 2

Я сообщил об этой проблеме Microsoft некоторое время назад, и они не хотели ее исправлять: https://connect.microsoft.com/IE/feedback/details/576042/floated-elements-in-contenteditable-can-generate-an-empty-line

В последний раз, когда я проверял с IE10 pp2, все еще была проблема.