CKEditor：双击url或任何其他事件时弹出停止链接对话框

Posted 2021-04-11

我正在使用CK编辑器并使用jQuery实现。我已经隐藏了ckeditor config.js中的链接选项，这样我就没有工具栏中的链接选项。当我键入URL或链接时，在单击事件上它将链接（网页）加载到我的页面/ div中。我也通过删除href来限制它。现在在URL上双击它会显示一个链接对话框，其中包含“链接类型”，“协议”，“URL”和确定取消按钮等选项。现在我想限制对话框。即：我不想弹出对话框。双击应该工作，因为它在普通文本中工作。有人可以帮助我。我也试过“config.removeDialogTabs ='image：advanced; link';” “config.removeDialogTabs ='link：upload; image：Upload';”

CKEDITOR.on（'dialogDefinition'，function（ev）{

            var dialogName = ev.data.name;
            var dialogDefinition = ev.data.definition;

            switch (dialogName) {
                case 'image': //Image Properties dialog      
                    dialogDefinition.removeContents('advanced');
                    break;
                case 'link': //image Properties dialog          
                    dialogDefinition.removeContents('advanced');
                    break;
            }
        });

它不起作用。

答案

关键是编写自己的'doubleclick'处理程序，其优先级高于'link'插件的默认处理程序，并阻止事件传播。

    myEditor.on('doubleclick', function (evt) {
        var element = evt.data.element;

        if (element.is('a')){
            evt.stop(); // don't do the other listeners
            // optionally put your code 
        }

    }, null, null, 1); // 10 is default, so put something lower for higher priority