tinyMCE - 不可修复的div

时间:2016-08-18 10:06:06

标签: javascript jquery html tinymce

我正在使用tinyMCE文本编辑器和一些预先填充的内容。内容是一些段落,我希望其中一段(一个div)是不可编辑和不可删除的。我已经使用了tinyMCE nonEditable插件,但是如果我选择所有文本或将光标放在段落下方并点击删除按钮,它将被删除。我认为必须有一些JS知道它何时被选中,并且在keypress上 - 退格时,它会阻止删除该段落(div)。

1 个答案:

答案 0 :(得分:0)

您将遇到的问题(以及为什么这不是某人已经解决的问题)是有很多方法可以获得"删除"。你可以......

  • 按DEL或BKSPACE键
  • 使用任何TinyMCE API插入/设置将覆盖包含不可编辑部分的选择的内容
  • 单击一个TinyMCE工具栏按钮或菜单选项,当您的选择包含不可编辑的部分时,该选项将插入/覆盖内容
  • 当您的选择包含不可编辑的部分时,将内容复制/粘贴到编辑器中

因此,实际上要真正做出不可删除的内容,您需要解决任何可能的情况,即操作会覆盖不可编辑的部分以及按键会删除不可编辑部分的任何情况。

TinyMCE确实提供了各种各样的活动,例如keypressBeforeSetContentchange可以帮助解决这个问题,但抓住所有边缘情况的细节中的恶魔使得这个很难。

如果您只想尝试停止使用BSPACE和DEL,您可以捕获按键并查看即将删除的内容,如果您不希望这种情况发生,请停止按键。< / p>