时间戳

首页 > 解决方案 > 在 Connections 6 的 TinyMCE 编辑器中为图像添加边框的 GUI 设置

tinymce - 在 Connections 6 的 TinyMCE 编辑器中为图像添加边框的 GUI 设置

问题描述

我们从 CKEditor 切换到 Connections 6 CR5 中的新 TinyMCE 编辑器。这是一个巨大的进步。但是开箱即用，TinyMCE 错过了 CKEditor 的一些功能。例如，以最终用户可以处理的方式设置图像边框（因此无需手动更改 HTML/CSS）。

我们如何向 TinyMCE 添加这样的功能，让用户获得一些允许设置图像边框的图像属性对话框？

标签： tinymceibm-connections

解决方案

图片插件有一个配置属性image_advtab，默认设置为false。我尝试启用它，现在我们在图像属性中看到了高级选项卡，它允许轻松设置边框（以及高级属性）：

在此处输入图像描述

要启用它，我们需要重新添加插件，因为这允许覆盖它的变量。将以下内容添加到（位于 中）的externalPlugins数组中： config.js${CUSTOMIZATION_DIR}/javascript/tiny/editors/connections/config.js

{
  name: "image",
  url: pluginBaseDir + "image/plugin.min.js",
  settings: {
    image_advtab: true
  }
}

pluginBaseDir在编辑器配置上方定义：

  var pluginBaseDir = "/connections/resources/web/tiny.editors.connections/tinymce/plugins/";

推荐阅读