Подключение плагинов в TinyMCE — различия между версиями
Denisov (обсуждение | вклад) |
Denisov (обсуждение | вклад) |
||
| Строка 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]"
