Javascript 如何删除插入的<；span>；退格？

用例：我为CKEditor构建了一个自定义首字母缩略词插件。所以用户可以通过弹出对话框插入首字母缩写词，也可以选择文本并将其转换为首字母缩写词。在这两种情况下，我都添加了一个

，用于一些自定义样式和操作

类似这样的

test

问题：在编辑器中插入首字母缩写后。如果我使用backspace删除，假设我删除了结束语

，然后再次开始键入。所有内容都添加到首字母缩略词span中

类似这样的

测试键入内容

我正在根据创建span，因此即使我将其删除，它也会添加一个结束

。因此光标停留在跨度内

---

是否有办法检测和删除整个首字母缩略词范围。如果，是否删除打开或关闭跨度

查看下面的链接。它基于，您可以很容易地找到表示首字母缩略词的元素。

我使用的逻辑：在按backspace键时，在光标下选择当前元素，并检查其首字母缩略词元素是否正确。如果是，请删除

 $('html').keyup(function (e) {
    if (e.keyCode == 8) {
       var editor = CKEDITOR.instances.editable,
       sel = editor.getSelection();
       var ele = sel.getStartElement();
       if(ele.getAttribute( 'class' ) == 'acronym'){
          ele.remove();
       }
    }
 });

我不能使用CKEditor的占位符插件，如下面的评论所述

---

探索其他选择。在此之前，请接受这一正确答案。

谢谢@Reinmar的来信。我不能使用占位符插件。因为，我应该能够将选定的文本转换为首字母缩写。因此，我实现了以下逻辑。在按backspace键时，我获取当前DOM并检查其首字母缩写是否为DOM，如果是，我将其删除。我还没有研究CKEDitor widgets SDK。