contenteditable div: IE8 не доволен удалением элемента HTML с помощью backspace

Я использую contenteditable div в сочетании с библиотекой Javascript rangyдля вставки HTML в позицию курсора.

В конце дня содержимое блока div обычно выглядит следующим образом:

"Hello " " "

Пользователям предлагается нажать «@», а затем они вставляются в виде кнопки при выборе (например, Google Plus). Я также вставляю  после этой кнопки.

Кнопка удаляется в Chrome/Safari/Firefox при нажатии клавиши Backspace (после удаления  ), но не в IE8. В IE8 курсор просто перескакивает через кнопку, не удаляя ее. Что еще более странно в IE8, так это то, что если вы оставите  рядом с кнопкой, а вместо этого поместите курсор прямо рядом с кнопкой, кнопка будет удалена на клавишу Backspace. Так что хорошо, когда справа от курсора есть  .

Кто-нибудь знает, что мне нужно, чтобы заставить IE8 работать и.т.д. удалить кнопку при возврате без необходимости  справа от курсора? (также может помочь некоторая информация об этом странном поведении)

P.S. Я не тестировал другие версии IE

7
задан Markus Coetzee 2 April 2012 в 22:50
поделиться