Backspaces删除内容可编辑

Question

我有一个内容可编辑的div。该编辑器包含一个锚标记。

当我从末尾按退格键时，一切都按照预期在chrome中运行。它会逐个删除字符，并在删除所有内容时删除整个锚标记。

但是在IE中，当我从最后一个光标位置按下退格键时，它只删除整个锚标签本身。基本上，链接已经消失，但文本就在那里。

如何让它与chrome类似？我在SO搜索了其他问题，但找不到任何答案。

任何帮助都将不胜感激。

.editor {
  width: 500px;
  height: 300px;
  border: 2px solid black;
  padding: 15px;
}

<div class='editor' contenteditable=true>
  <h1><a href="#">Some text</a></h1>
</div>