Javascript 不可编辑的内容允许删除。如何限制这一点？

我们使用了带有“不可编辑”插件的TinyMCE编辑器。我们试图删除不可编辑的内容，它已被删除。如何限制不可编辑内容的删除（删除/退格）操作

下面是我的代码：

tinymce.init({
选择器：“#myeditablediv”，
插件：“advlist表列出图像粘贴链接pagebreak不可编辑帮助”，
不可编辑\u不可编辑\u类：“mceNonEditable”，
梅努巴：错，
是的，
身高：500，
粘贴数据图像：真，
工具栏：对，
工具栏：
“粗体斜体下划线|上标下标|格式选择|布利斯特|代码分页符|链接图像| COC |表格|删除格式|帮助”，
格式：{
可编辑：{
内联：“span”，
样式：{borderBottom:“2px纯色灰色”}，
类：“mceEditable”
}
},
设置：函数（编辑器）{
editor.ui.registry.addButton（“COC”{
正文：“{CC}”，
工具提示：“CopyToClipBoard”，
onAction:函数（api）{
editor.execCommand（“复制”）；
}
});
},
工具栏模式：“浮动”
});
.demo内联{
盒影：0 2px 8px 0 rgba（0,0,0,0.2）；
文本对齐：左对齐；
线高：1.3；
背景色：#ffffff；
文本对齐：左对齐；
垂直对齐：顶部；
填充：20px 20px 20px 20px；
}
.demo内联.container{
背景色：#fafafa；
利润：-20px-20px 0-20px；
填充：20px；
}
.ul，
.演示内联ol{
左侧填充：20px；
}
.演示内联ul{
列表样式：光盘；
}
.演示内联ol{
列表样式：十进制；
}
.演示内联a{
文字装饰：下划线；
}
.演示内联img{
显示：块；
左边距：自动；
右边距：自动；
填充：0px 10px 10px 10px；
}
.演示内联文本区{
显示：无；
}
.demo内联*[contentEditable=“true”]：焦点，
.demo内联*[contentEditable=“true”]：悬停{
外形：2px实心#2276d2；
}
#myeditablediv{
边缘顶部：20px；
字体系列：“Calibri”；
字体大小：16px；
线高：1.1米；
}
/*组件可编辑*/
分区固定组件{
文本对齐：居中；
背景色：#d8d8d8；
填充：10px；
}
div.FixedComponent:：before{
内容：attr（数据显示名称）；
}
div[数据前缀]：：之前{
内容：attr（数据前缀）；
颜色：#1f477d！重要；
字体大小：粗体；
浮动：左；
显示：内联块；
右边距：3倍；
}
.componentSuffix:：之后{
内容：“]”；
颜色：#1f477d！重要；
字体大小：粗体；
}
div[data type=“content”]{
最小高度：23px；
显示：内联；
}
div.ComponentWrapper：焦点{
轮廓：虚线；
}

嗨，蒂尼
这是一个不可编辑的内容

此部分不可编辑
这是一个可编辑的内容
此部分不可编辑

TinyMCE的
不可编辑
插件旨在使内容块不可编辑，但不可删除。相反，它将不可编辑内容的整个部分视为单个字符

为了防止内容被键盘删除，您可以使用Tiny的事件处理结构来查找某些按键，然后中断/停止它们。下面是一个非常简单的示例，说明如何做到这一点：


您需要展开它来查看光标在内容中的位置，如果按键的结果将删除您想要保留的内容，则仅在这些情况下停止按键

请注意，这种方法不会阻止内容通过其他方法被删除，例如将其作为较大选择的一部分删除