javascript - 如何防止在 tinyMCE 编辑器中删除一个 div

Question

我想防止在用户按下编辑器上的删除键或退格键时删除 div .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) {}
                }
            });