Комментарии / Русскоязычное сообщество MODX

Всего 125 962 комментария

Игорь

21 августа 2022, 15:34

Наконец-то нашел нормальную пошаговую инструкцию с объяснением человеческим

ссылка www.pandoge.com/stati-i-sovety/otobrazhaem-knopki-upravleniya-tablicami-v-vizualnom-redaktore-tinymce-v-modx-revo инструкция в самом конце была.

Эта инструкция относится для 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. В пространстве имен skr.sh/sFFx07nlKhu?a выбираем tinymcerte. Откроются настройки.

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

5. На той же странице настроек, находим Раздел Панель инструментов 1 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 (скриншот) skr.sh/sFFsNtBYYCy?a

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

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