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

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

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


tinymce ibm-connections
person Lion    schedule 14.02.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Плагин изображения имеет свойство конфигурации 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/";
person Lion    schedule 14.02.2020