javascript - CKEditor 小部件双击打开对话框不起作用

Question

我创建了最简单的小部件，它由一个带有类的 div 组成。模板是；

<div class="simple" data-padding="false"></header>

该对话框包含 1 个用于更改填充的复选框。

这个小部件工作一切正常，向上转换得很好，当您将鼠标悬停在它上面时，会显示它周围的黄线。但是，不可能双击它来打开对话框，什么也没有发生，也没有控制台错误。我应该期望双击 div 内部应该打开对话框。

当第二个 div 被嵌套时，它被设置为可编辑并且一些填充被添加到主 div 中，可以双击两个 div 之间的填充区域来打开对话框，但是当然不是我想要的..

这里出了什么问题，这是一个错误吗？

Answer 1

我最初通过向双击事件添加监听器来解决这个问题；

CKEDITOR.plugins.add('simple', {
    init: function(editor) {
        editor.on( 'doubleclick', function(e) {
            var ClickedWidget = e.editor.widgets.widgetHoldingFocusedEditable;
            if (ClickedWidget != null && ClickedWidget.name == 'simple') {
                ClickedWidget.edit();
            }
        });

这工作得很好，但妨碍了在可编辑元素中选择文本。这也解释了为什么要这样设置。

为了正确解决这个问题，我创建了一个插件，在右键单击小部件时显示上下文菜单，其中包含编辑和删除的选项。我已在 CKEditor 网站上提供此插件供其他人使用；

http://ckeditor.com/addon/widgetcontextmenu