如何调整现有右键拦截逻辑为texteditor启用右键菜单功能

你只需在原有代码的元素匹配规则中添加texteditor对应的选择器即可，操作如下：

第一步：获取texteditor的选择器 #

打开页面按F12调出开发者工具，在元素面板选中texteditor的编辑区域，确认它的专属类名或ID，常见富文本编辑器自带类名参考：Quill对应.ql-editor、TinyMCE对应.tox-edit-area，自定义组件可直接用你自己设定的类名/ID。

第二步：修改原有代码 #

把获取到的texteditor选择器添加到closest()方法的选择器列表中即可，示例（假设你的texteditor类名为.texteditor）：

<script type="text/javascript">
    $(document).ready(function(data){
       $(document).bind('contextmenu',function(e){
        // 选择器列表新增texteditor对应的类名/ID即可
        var t = $(e.target).closest('#editor,.validatebox-text,.texteditor');
        if (!t.length){
          e.preventDefault();           
        }
      });      
    });
</script>

如果你的texteditor用的是ID标识，把上述代码里的.texteditor替换为#你设定的texteditor的ID即可生效。

内容的提问来源于stack exchange，提问作者Kênh Vui Để Học