javascript - 带有 TinyMCE 编辑器的 IBM/HCL Connections 5 CR6 中的插件

Question

我安装了 TinyMCE editor在 vanilla Connections 5 CR6 安装上，现在想添加插件。 HCL 告诉我们，我们拥有与 Connections 一起获得许可的 TinyMCE 专业版。 pro-plugins 的一个例子是 the checklist ，我想安装。

因此，我在 config.js 文件的 externalPlugins 数组中添加了 list 的插件文件以及列表(需要作为依赖项):

externalPlugins: [
  {
    name: "checklist",
    url: pluginBaseDir + "checklist/plugin.min.js",
    off: []
  },{
    name: "lists",
    url: pluginBaseDir + "lists/plugin.min.js",
    off: []
  }
]

并在工具栏中添加了checklist:

toolbar: [
    "undo",
    {
      label: "group.insert",
      items: [
        {
          id: "insert",
          label: "menu.insert",
          items: [
            [
              "checklist",
              "link",
              "conn-insert",
              "bookmark",
              "media",
              "pageembed",
              "table",
              "codesample"
            ],
            [
              "specialchar",
              "hr"
            ]
          ]
        }
      ]
    },
    "style",
    "emphasis",
    "align",
    "listindent",
    "format",
    [
      "conn-other",
      "conn-emoticons",
      "conn-macros"
    ],
    "language",
    "tools"
]

其中 pluginBaseDir 设置为 /connections/resources/web/tiny.editors.connections/tinymce/plugins/。请求的 JS 文件是可访问的，我使用 curl 验证了这一点。

但是按钮没有显示。我试过了

在第一级添加 list

toolbar: [
    "checklist",
    "undo"
    // ...

添加tmce前缀

阅读示例 config.js 文件中的内容:

toolbar: [
    "tmce-checklist",
    "undo"
    // ...

测试程序

每次更改 config.js 后，我都会使用 jython wsadmin 脚本停止和启动 Common 应用程序，从而重新启动它们。这有效，可以使用 postCreateTextboxio 方法轻松验证，该方法可以包含在配置对象中:

postCreateTextboxio: function(editor) {
    console.log("custom.js revision #2");
}

所以我在重新启动 Common 应用程序后得到了控制台输出。

Answer 1

插件已加载，可以在浏览器控制台中验证:

> tinyMCE.editors[0].settings.plugins.indexOf('toc')
  319

Ephox 引起的问题:虽然添加插件直接与原始 TinyMCE 一起使用，但我们在 HCL 连接中有 Ephox。它充当中间件，在 Connections 支持的多个编辑器(TinyMCE、Textbox.io 和 CKEditor)之间共享配置文件。

使用 Ephox，我们需要在工具栏中引用时在插件名称前加上 tmce- 前缀:

{
  label: "Test",
  items: ["table", "tmce-toc"]
}