在 Grails 中配置 CK Editor 插件

Configuring CK Editor plugin in Grails

我们如何在Grails 中配置CK Editor 插件?我想使用几个附加组件并自定义皮肤(主题)。 Stefano Gualdi 的文档似乎是最突出的 material,但帮助不大。此外,我确实找到了一个可以让我们自定义的构建器 (http://ckeditor.com/builder),但是我在 Grails 中找不到与 CK Editor 类似的东西。

另外,builder给我的印象是我根据自己的需要定制我的包,下载它,然后将它复制到Grails中的位置。是这样完成的,还是我们只从基本构建开始,然后以某种方式连接附加组件?

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

旧的 grails 站点中的 CKeditor 存储库版本为 4.4.1.0,需要升级。如果您需要在您的 grails 项目中添加插件。这是我必须添加自定义配置的内容。我提到了一些网站。但是我忘记了。无论如何,这是我的解决方法。很抱歉没有换行符,因为 Whosebug 似乎忽略了它。

  1. 将 ckeditor compile ":ckeditor:4.4.1.0" 放在 BuildConfig.groovy 下。

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

  3. Config.groovy 中放置 ckeditor 特定配置。下面的代码来自默认的 ckeditor 插件,修改了 config 部分。 示例代码:

    ckeditor { 配置=“/ckeditor/ckeditorconfig.js” skipAllowedItemsCheck = false 默认文件浏览器 = "ofm" 上传{ basedir = "/上传/" 覆盖=假 link{ 浏览器=真 上传=真 允许 = ['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'] } 图片 { 浏览器=真 上传=真 允许 = ['jpg', 'gif', 'jpeg', 'png'] 拒绝 = [] } 闪光 { 浏览器=假 上传=假 允许 = ['swf'] 拒绝 = [] } } }

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

    <%@ 页面内容类型="text/javascript;charset=UTF-8" %> 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 = 功能(配置){
    config.extraPlugins = 'enterkey,divarea,dialog; config.skin = 'office2013,${resource(dir:"/ckeditor/skins/office2013/")}'; config.removePlugins="elementspath,resize"; config.resize_enabled="false"; config.toolbar_custom = [ [ 'Styles', '-', 'FontSize', '-', 'Bold', 'Italic', 'Underline'] ] };

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

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

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