如何防止在tinyMCE编辑器中删除div

Question

我想要防止在编辑器上按下删除或退格键时删除divs.panel-heading和.panel-body。这是在编辑器出现在div：

<div class="panel panel-default tab"> 
    <div class="panel-heading "><h3 class="panel-title">test title</h3></div> 
    <div class="panel-body "><p>test body</p></div> 
</div> 

Answer 1

在编辑器的设置功能试试这个：

  ed.on("keydown",function(e) { 
       //prevent empty panels 
       if (e.keyCode == 8 || e.keyCode == 46) { //backspace and delete keycodes 
        try { 
         var elem = ed.selection.getNode().parentNode; //current caret node 
         if (elem.classList.contains("panel-body") || elem.classList.contains("panel-heading")) { 
          if (elem.textContent.length == 0) { 
           e.preventDefault(); 
           return false; 
          } 
         } 
        } catch (e) {} 
       } 
      });