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

Материал из Umicms
Перейти к:навигация, поиск
Строка 17: Строка 17:
 
// Файл с кастомным CSS
 
// Файл с кастомным CSS
 
// @link https://www.tinymce.com/docs/configure/content-appearance/#content_css
 
// @link https://www.tinymce.com/docs/configure/content-appearance/#content_css
content_css : '/js/cms/wysiwyg/tinymce47/tinymce_custom.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"],
 
plugins: ["fullpage", "anchor", "advlist", "charmap", "codemirror", "contextmenu", "fullscreen", "image", "link", "lists", "media", "paste", "searchreplace", "table", "textcolor", "visualchars"],
 
};
 
};
Строка 26: Строка 26:
 
----
 
----
  
Если нужно добавить возможность использования только тега <style>, то можно добавить следующую конструкцию в файл:
+
Если нужно добавить возможность использования только тега <style>, то можно добавить пару ключ/значение '''valid_children : "+body[style]"''', в итоге код будет выглядеть так:
 
<source lang="javascript">
 
<source lang="javascript">
valid_children : "+body[style]"
+
window.mceCustomSettings = {
 +
// Файл с кастомным CSS
 +
// @link https://www.tinymce.com/docs/configure/content-appearance/#content_css
 +
content_css : '/js/cms/wysiwyg/tinymce47/tinymce_custom.css',
 +
        valid_children : "+body[style]"
 
</source>
 
</source>
  
 
[[Категория:Решение проблем и ошибок]][[Категория:Вопросы и уроки разработки сайтов на UMI.CMS]]
 
[[Категория:Решение проблем и ошибок]][[Категория:Вопросы и уроки разработки сайтов на UMI.CMS]]

Версия 14:53, 20 ноября 2019

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

Задача

Иногда возникает необходимость расширить или уменьшить функциональность визуального редактора 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.


Если нужно добавить возможность использования только тега <style>, то можно добавить пару ключ/значение valid_children : "+body[style]", в итоге код будет выглядеть так:

window.mceCustomSettings = {
	// Файл с кастомным CSS
	// @link https://www.tinymce.com/docs/configure/content-appearance/#content_css
	content_css : '/js/cms/wysiwyg/tinymce47/tinymce_custom.css',
        valid_children : "+body[style]"