Отображаем кнопки управления таблицами в визуальном редакторе «TinyMCE» в MODX Revo

Добрый день, Артём!

Для редактора TinyMCE Rich Text Editor нашел решение как добавить кнопки с шорткодами/чанками.

Если вам интересно и необходимо, могу поделиться.

Илья, если у вас есть желание поделиться - то можете написать об этом здесь.

Мы будем только рады

Эта инструкция относится для Modx Revo. Речь пойдет о текстовом редакторе TinyMCE Rich Text Editor.

На днях, ознакомился с данной статьей и появилась идея. Идея в том, что мне часто необходимо вставлять готовые текстовые/медиа блоки между абзацами когда добавляю статьи в блоге.

Каждый раз, копировать код или искать чанк, и потом вставлять в контент, не удобно и требует времени.

Когда начал изучать текстовый редактор TinyMCE для Modx Revo, узнал, что он больше не поддерживается разработчиками и решил заменить его на TinyMCE Rich Text Editor.

И начал разбираться, как включить или добавить необходимые плагины/кнопки в текстовый редактор TinyMCE Rich Text Editor в Modx Revolution.

И так, начнем.

1. Устанавливаем TinyMCE Rich Text Editor.

2. Заходим в настройки TinyMCE Rich Text Editor. Для этого, заходим в Системные настройки (находится в правом углу админки).

3. В пространстве имен https://skr.sh/sFFx07nlKhu?a выбираем tinymcerte. Откроются настройки.

4. Находим "Плагины" в списке настроек. https://skr.sh/sFFfa3NbIys?a . В значениях два раза кликаем мышкой. Вставляем курсор в конце и обязательно вставляем пробел и пишем template. Нажимаем Enter.

5. На той же странице настроек, находим Раздел Панель инструментов 1 https://skr.sh/sFFcgTOuWvt?a и в значениях 2 раза кликаем мышкой и в конце строки вставляем пробел | template и нажимаем Enter.

6. Далее, открываем Notepad++ или любой другой текстовый редактор в компьютер (например, Блокнот) и пишем следующий код:

{
	"templates": [{
		"title": "Some title 1",
		"description": "Some desc 1",
		"content": "[[$chunkname]]"
	}, {
		"title": "Some title 2",
		"description": "Some desc 2",
		"url": "../assets/components/tinymcerte/templates/template-name.html"
	}]
}

и сохраняем файл с названием external-config.json в директории /assets/components/tinymcerte/tinymcerte/js/ .

7. В настройках в Поиск по ключу вводим tinymcerte.external_config (скриншот) https://skr.sh/sFFsNtBYYCy?a

и в значение относительный путь к файлу external-config.json. В нашем случае, это ../assets/components/tinymcerte/tinymcerte/js/external-config.json. Жмем Enter.

На всякий случай, чистим кэш и проверяем как работает новый визуальный редактор.

Илья, спасибо, что поделились опытом!