Backspace не удаляет внутренние HTML -теги довольного Div в Firefox
-
19-09-2019 - |
Вопрос
Я создал Div с атрибутом Coteededitable = True и добавленные дети, такие как «Span» и «A» с атрибутами, довольными, = false. Хотел проверить, если весь узел будет удален с одним обратным пространством, и, к моему сюрпризу Firefox, не сможет удалить элементы. Также это работает, как и ожидалось во всех основных настольных браузерах, кроме Firefox. Любые подсказки об этом или о том, что может быть возможным обходным путем?
Нашел точную проблему на Bugzilla здесь.
Решение
Хорошо! Нашел решение ... это довольно просто, чем вы думаете. Я на самом деле вставляю HTML для ссылок, поэтому используя <a>
здесь. А <a>
Тег имеет атрибуты, установленные для довольного = false, и он не удаляется с обратным пространством. Итак, я создал внутренний <span>
Уровень с довольным = верно для Firefox, и это сделало свое дело.
<div contentEditable="true">
<a href="your/url/path" contentEditable="false">
<span contentEditable="true">link here</span>
</a>
</div>
Это требуется только в Firefox. Другие браузеры относятся к этому, как и ожидалось, с промежутком, содержащим довольным, довольным = false.