在Grails中配置CK Editor插件

Question

我们如何在Grails中配置CK Editor插件？我想使用一些附加组件并自定义皮肤（主题）。 Stefano Gualdi的文档似乎是最突出的材料，并没有太大的帮助。另外，我确实找到了一个可以让我们自定义（http://ckeditor.com/builder）的构建器，但是我无法在Grails中找到类似于CK Editor的内容。

此外，构建器给人的印象是我根据需要自定义我的包，下载并将其复制到Grails中的位置。它是如何完成的，还是我们只从基本构建开始，并以某种方式与附加组件连接？

特别是，我正在寻找自动保存，文件上传等选项。我猜测附加组件是可行的方法。

Answer 1

Graed站点旧版的CKeditor repo版本为4.4.1.0，需要升级。如果您需要在grails项目中添加插件。这是我必须添加自定义配置。我曾提到某个网站。但我忘了。无论如何，这是我的解决方法。很抱歉没有换行符，因为stackoverflow似乎忽略了它。

1. 将ckeditor compile ":ckeditor:4.4.1.0"置于BuildConfig.groovy下。

2. 将您的资源放在/web-app/ckeditor/plugins/和/web-app/ckeditor/skins/下。在我的情况下，divarea, lineutils, dialog文件夹位于plugins文件夹中的office2013和skins。

3. 在Config.groovy中放置ckeditor特定配置。下面的代码来自默认的ckeditor插件，其中config部分已修改。 示例代码：

   ckeditor {     config =“/ fixitor / fixitorconfig.js”     skipAllowedItemsCheck = false     defaultFileBrowser =“ofm”     上传{         basedir =“/ uploads /”         overwrite = false         链接{             browser = true             upload = true             允许= ['jpg'，'gif'，'jpeg'，'png']             否认= ['html'，'htm'，'php'，'php2'，'php3'，'php4'，'php5'，                       'phtml'，'pwml'，'inc'，'asp'，'aspx'，'ascx'，'jsp'，                       'cfm'，'cfc'，'pl'，'bat'，'exe'，'com'，'dll'，'vbs'，'js'，'reg'，                       'cgi'，'htaccess'，'asis'，'sh'，'shtml'，'shtm'，'phtm']         }         图片 {             browser = true             upload = true             允许= ['jpg'，'gif'，'jpeg'，'png']             否认= []         }         flash {             browser = false             upload = false             允许= ['swf']             否认= []         }     } }

4. 在视图中创建自定义静态资源以模仿javascript文件。 这是我的/views/staticjs/ckeditorconfig.js。此文件的示例代码：

   ＆lt;％@ page contentType =“text / javascript; charset = UTF-8”％＆gt;         CKEDITOR.plugins.addExternal（'divarea'，'$ {resource（dir：'/ ckeditor / plugins / divarea /'）}'）;         CKEDITOR.plugins.addExternal（'lineutils'，'$ {resource（dir：'/ ckeditor / plugins / lineutils /'）}'）;         CKEDITOR.plugins.addExternal（'dialog'，'$ {resource（dir：'/ ckeditor / plugins / dialog /'）}'）; CKEDITOR.editorConfig = function（config）{
                    config.extraPlugins ='enterkey，divarea，dialog;                  config.skin ='office2013，$ {resource（dir：“/ ckeditor / skins / office2013 /”）}';                  config.removePlugins = “elementspath，调整大小”;                  config.resize_enabled = “假”;                      config.toolbar_custom = [                 ['Styles'，' - '，'FontSize'，' - '，'Bold'，'Italic'，'Underline']                 ]         };

5. 在UrlMappings.groovy中为此文件创建一个条目。

   "/ckeditor/ckeditorconfig.js"(view:'/staticjs/ckeditorconfig')

我希望您之后可以配置所需的插件。