GUI настроек для добавления границ к изображениям в TinyMCE редакторе Connections 6

Question

Мы перешли с CKEditor на новый редактор TinyMCE в Connections 6 CR5. Это было огромное улучшение. Но из коробки TinyMCE пропускает некоторые функции CKEditor. Например, установка границ для изображений таким образом, чтобы их могли обрабатывать конечные пользователи (поэтому не нужно менять HTML / CSS вручную).

Как мы можем добавить такую ​​функцию в TinyMCE, чтобы пользователи получали диалоговое окно свойств изображения, позволяющее устанавливать границы изображения?

Answer 1

Подключаемый модуль имеет свойство конфигурации image_advtab, которое по умолчанию установлено на false. Я попытался включить его, и теперь мы видим вкладку advanced в свойствах изображения, которая позволяет легко установить границу (а также дополнительные атрибуты):

Чтобы включить его, нам нужно повторно добавить плагин, поскольку это позволяет переопределить его переменные. Добавьте следующее в массив 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/";