Подключение плагинов в TinyMCE — различия между версиями

Материал из Umicms
Перейти к:навигация, поиск
(🐾)
 
(¯\_(ツ)_/¯)
Строка 1: Строка 1:
'''Актуально для версии 18.'''
+
'''Актуально для версии 21.'''
  
 
== Задача ==
 
== Задача ==

Версия 08:06, 22 марта 2019

Актуально для версии 21.

Задача

Иногда возникает необходимость расширить или уменьшить функциональность визуального редактора TinyMCE при помощи изменения подключенных плагинов.

Решение

Для решения данной задачи нужно в конфигурационном файле /js/cms/wysiwyg/tinymce47/tinymce_custom.js добавить параметр plugins с массивом используемых плагинов.

Например нам необходимо в визуальном редакторе использовать такие теги как <html>, <head>, <body> или <style> тогда в список плагинов необходимо добавить плагин fullpage.

Тогда JS код в файле tinymce_custom.js будет выглядеть следующим образом:

window.mceCustomSettings = {
	// Файл с кастомным CSS
	// @link https://www.tinymce.com/docs/configure/content-appearance/#content_css
	content_css : '/js/cms/wysiwyg/tinymce47/tinymce_custom.css'
	plugins: ["fullpage", "anchor", "advlist", "charmap", "codemirror", "contextmenu", "fullscreen", "image", "link", "lists", "media", "paste", "searchreplace", "table", "textcolor", "visualchars"],
};

Настройки в файле tinymce_custom.js заменяют исходные настройки поэтому необходимо взять все плагины которые используются и добавить к ним нужный нам плагин fullpage.