添加额外的插件到CKEditor使用bower

Question

我使用bower来管理我的js包。我将CKEditor安装到bower目录中，它工作得很好。

问题是:我应该如何添加外部插件到ckeditor?我在这里读http://ckeditor.com/blog/CKEditor-Supports-Bower-and-Composer，这是可能的通过使用extraPlugins属性。但显然我应该以某种方式下载插件并将其添加到ckeditor/plugins文件夹。我对bower很陌生，但据我所知，我不应该手动添加任何文件或文件夹到bower目录。我应该用bower install plugin_name或者类似的东西

那么，如果我简单地这样写:

    CKEDITOR.replace('pageContent', {
        extraPlugins: 'Syntaxhighlighter Interface'
    });

我得到了一个错误，插件没有找到

Answer 1

据我所知，你不能只使用Bower来关心CKEditor插件，但至少你可以使用以下命令从外部文件夹添加插件:

CKEDITOR.plugins.addExternal( 'sample', '/myplugins/sample/' );

/myplugins/sample/是plugin.js文件相对于web根目录所在目录的路径。sample为插件名

查看相关文档:

http://docs.ckeditor.com/# !/api/CKEDITOR.resourceManager-method-addExternal

Answer 2

您链接的页面提到Ckeditor本身可以与bower一起下载，但不能下载插件。下载插件后，您需要使用extraPlugins选项启用它们。要下载实际的插件，我将使用插件的下载链接，如下所示:

bower install http://mydomain/somefile.zip

Answer 3

扩展@codehitman的答案，您可以通过至少两种方法通过bower管理插件:

通过CLI:

1. bower install panelbutton=https://download.ckeditor.com/panelbutton/releases/panelbutton_4.7.2.zip --save
   

   上一行将下载"panelbutton"插件并将下载的插件重命名为"panelbutton"(在=之前指定)，--save将命令写入 wer。

通过<<li>

em> bower.json :

"dependencies": {
  "panelbutton": "https://download.ckeditor.com/panelbutton/releases/panelbutton_4.7.2.zip",
  "colorbutton": "https://download.ckeditor.com/colorbutton/releases/colorbutton_4.7.2.zip"
}

只需添加您想要保存下载的插件的名称和下载url。

---

EXTRA:由于您可能希望将下载的插件存储到ckeditor路径中，因此您可以完成创建。Bowerrc 并粘贴以下内容:

{
  "directory" : "my/path/to/ckeditor/addons"
}

警告:如果包中只有一个js，则将其重命名为index.js。我解决它运行一个postinstall脚本像这样(适应您的需要)。

mv ./web/libraries/panelbutton/index.js ./web/libraries/panelbutton/plugin.js

Answer 4

您可以尝试将以下行添加到您的代码中。json文件:

" ckeditor":"#/4.4.7"

这应该为您安装所有插件!