javascript - 为什么 CKEditor 的嵌套小部件在我的 Drupal 构建中不起作用？

Question

得知 CKE 4.4+ 现在可以嵌套小部件，我感到非常兴奋。我通读了 this question并尝试了一下 - 太棒了。奇怪的是，它不适用于我使用 CKEditor 模块的 Drupal 站点。

所以，我得到的是:

模块使用CDN，交付CKE 4.5.1 (//cdn.ckeditor.com/4.5.1/full-all)。
我设置了一个模块来提供 simplebox 插件(取自工作开发 repo 示例):

function mymodule_ckeditor_plugin() {
  $plugins = array();
  $plugins['simplebox'] = array(
    'name' => 'simplebox',
    'desc' => t('simplebox Plugin'),
    'path' => drupal_get_path('module', 'mymodule') . '/plugins/simplebox/',
    'buttons' => array(
      'Simplebox' => array('label' => 'Simplebox', 'icon' => 'icons/simplebox.png'),
    )
  );
  return $plugins;
}

它为我提供了要激活的插件:

插件按钮在我的工具栏上可用:

点击它，标记被创建。但奇怪的是，添加另一个嵌套在里面是不可能的:

知道我做错了什么吗？

Answer 1

我不太确定你从哪里得到 Simplebox 插件。我假设您是从官方 "Creating a Simple CKEditor Widget (Part 2)" 指南下载的。

如果是这样，我得告诉你，指南附带的插件与 ckeditor-dev 存储库中 plugins/widget/dev/assets/simplebox/plugin.js 中的插件之间存在细微差别。

后者是最新的，并在 content 嵌套可编辑范围内启用任何类型的富 HTML:

editor.widgets.add( 'simplebox', {
    ...
    editables: {
        ...
        content: {
            selector: '.simplebox-content'
        }
    }   
} );

虽然旧的非常严格:

editor.widgets.add( 'simplebox', {
    ...
    editables: {
        ...
        content: {
            selector: '.simplebox-content',
            allowedContent: 'p br ul ol li strong em'
        }
    }   
} );

请参阅 API docs 以了解有关嵌套可编辑项定义的更多信息。 CKEditor 中对 Advanced Content Filter 的介绍也应该有帮助。

解决方案:从 GitHub 存储库复制 simplebox plugin 并享受嵌套小部件，拖放等。或者只是从 allowedContent 嵌套可编辑中删除 content 限制。

对于给您带来的不便，我们深表歉意，我们正在尽最大努力使我们的文档保持最新，但这是一项艰巨的任务，有时我们无法 catch ;)