Question

我使用bower来管理我的js包。我将CKEditor安装到bower目录中并且运行正常。

问题是：如何将外部插件添加到ckeditor？我在这里阅读http://ckeditor.com/blog/CKEditor-Supports-Bower-and-Composer这可以通过使用extraPlugins属性来实现。但显然我应该以某种方式下载插件并将其添加到ckeditor / plugins文件夹中。我对凉亭很新，但据我所知，我不应该手动将任何文件或文件夹添加到凉亭目录中。相反，我应该使用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

您链接的页面提到可以使用bower下载Ckeditor iteself，但不能下载插件。下载插件后，您需要使用extraPlugins选项启用它们。要下载实际的插件，我会使用插件的下载链接，如下所示：

bower install http://mydomain/somefile.zip

Answer 3

扩展@codehitman's answer,您可以通过bower使用至少两种方法管理插件：

通过CLI：
```
bower install panelbutton=https://download.ckeditor.com/panelbutton/releases/panelbutton_4.7.2.zip --save
```
上一行将下载＆＃34;面板按钮＆＃34;插件并将下载的插件重命名为＆＃34; panelbutton＆＃34; （在=之前指定），--save将命令写入 bower.json （完全可选）。

通过 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"
}

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

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

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

警告：如果包装上只有一个js，bower会将其重命名为index.js。我解决了它运行像这样的postinstall脚本（适应你的需要）。

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

Answer 4

您可以尝试将以下行添加到bower.json文件中：

＆＃34; ckeditor＆＃34;：＆＃34;＃full / 4.4.7＆＃34;

这应该为你安装所有插件！

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

4 个答案: