Клавиша Backspace не удаляет внутренние теги HTML contenteditable DIV в Firefox
Я создал DIV с атрибутом contenteditable=true и добавил детей как "промежуток" и "a" с атрибутами contenteditable=false. Требуемый, чтобы протестировать, если весь узел быть удаленным с единственной клавишей Backspace и к моему удивлению Firefox не мог бы удалить элементы. Также это работает как ожидалось во всех главных настольных браузерах кроме Firefox. Какие-либо подсказки об этом или каково могло быть возможное обходное решение?
Найденный точной проблемой о Bugzilla здесь.
1 ответ
Хорошо! нашел решение ... это довольно просто, чем вы могли подумать. На самом деле я вставляю html для ссылок, поэтому использую здесь . Тег имеет атрибут contenteditable = false и не удаляется с помощью возврата. Итак, я создал внутренний уровень с contenteditable = true для firefox, и это помогло.
<div contentEditable="true">
<a href="your/url/path" contentEditable="false">
<span contentEditable="true">link here</span>
</a>
</div>
Это требуется только в Firefox. Другие браузеры обрабатывают это, как и ожидалось, с диапазоном содержимого contenteditable = false.