Question

我正在尝试在Magnolia CMS 5.3中自定义我的CKEditor。为此我想将Font，Color Button添加到我的CKEditor。

我试过某种方式，我下载了这些插件并将这些plugin.js文件放在我的STK-＆gt;资源中，我在FCKconfig.js文件中添加了以下代码

load external plugin
    (function() {
    CKEDITOR.plugins.addExternal('font','ckeditor/', 'font-plugin.js');
    CKEDITOR.plugins.addExternal('font','ckeditor/', 'color-plugin.js');
})();

而且，

config.extraPlugins = 'font';
config.extraPlugins = 'colorbutton';

但我得到的是默认的CKEditor，而不是Customized的。

错误：图片，超链接无效。

你能建议我吗？

Answer 1

在对话框的JCR或YAML中的字段定义中，您可以使用configJsFile标记指向配置.js文件，例如：

form:
  tabs:
    - name: tabText
      label: Text
      fields:
        - name: text
          fieldType: richText
          tables: true
          configJSsFile: 'path_to_File'
          height: 500
          label: Text Editor

在该文件中，您可以更改配置并添加如下插件：

CKEDITOR.plugins.addExternal("plugin_name", CKEDITOR.vaadinDirUrl + "js/plugin_folder/");

CKEDITOR.editorConfig = function( config ) {
  // MIRROR info.magnolia.ui.form.field.definition.RichTextFieldDefinition
  definition = {
    alignment: false,
    images: true,
    lists: true,
    source: true,
    tables: true,
    colors: null,
    fonts: null,
    fontSizes: null
  }


...
...

您可以查看Magnolia上的this文档以获取更多信息，以及此第三方教程tutorial可以添加codemirror插件。

Answer 2

您可能需要阅读有关如何自定义Magnolia附带的ckEditor的Magnolia文档。 https://documentation.magnolia-cms.com/display/DOCS53/Rich+text 您需要做的是在自定义配置中重新添加magnolialink和magnoliaFileBrowser个插件......也许还有其他一些插件。

如何在Magnolia CMS中为CKEditor添加外部插件？

2 个答案: