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

4 авг5 комм

По умолчанию (если у вас в качестве визуального редактора выступает плагин TinyMCE) в панели быстрого доступа будут отсутствовать кнопки, отвечающие за работу с таблицами. Очень странно, что создатели этого расширения не сделали акцент на таблицах – ведь они являются популярным средством для представления информации.

Конечно, вы можете воспользоваться исходным кодом, редактирование которого осуществляется посредством специальной кнопки:

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

Но раз вы используете визуальный редактор, значит, вы хотите свести взаимодействие с HTML-разметкой (-кодом) к минимуму.

Что ж, решение есть, и я покажу вам, как можно просто включить кнопки для работы с таблицами в MODX Revolution в этом плагине.

1. Для начала – авторизуйтесь в панели управления сайтом.

2. Далее перейдите в раздел системных настроек.

3. На открывшейся странице, в поле «Отбор по пространству имен...» вы вставляете:

tinymce

А в поле «Поиск по ключу...» вы вставляете:

custom_plugins

Пример на скриншоте:

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

В его конец вы пишете:

,table

И жмете клавишу «Enter» на клавиатуре.

4. Далее поле «Поиск по ключу...» заменяете на:

custom_buttons3

В итоге у вас должно получиться:

И в найденном значении пишете:

tablecontrols

И жмете клавишу «Enter».

После всех этих шагов при редактировании материала в визуальном редакторе появятся соответствующие кнопки для работы с таблицами:

На этом все. До новых встреч!

комментариев

Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.

- 0
41
Илья • Проверенный
28 июл в 21:59
Приветствую! А возможно ли добавить свои кнопки с шорткодами в TinyMCE в Modx Revo?
1. - 1
  41
  Илья • Проверенный
  3 авг в 15:00
  Добрый день, Артём!
  Для редактора TinyMCE Rich Text Editor нашел решение как добавить кнопки с шорткодами/чанками.
  Если вам интересно и необходимо, могу поделиться.
2. - 0
  1067
  Артём Мáлков • Команда Pandoge
  3 авг в 18:33
  Илья, если у вас есть желание поделиться - то можете написать об этом здесь.
  Мы будем только рады
3. - 1
  41
  Илья • Проверенный
  3 авг в 20:02
  Эта инструкция относится для 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.
  На всякий случай, чистим кэш и проверяем как работает новый визуальный редактор.
4. - 0
  1067
  Артём Мáлков • Команда Pandoge
  5 авг в 11:54
  Илья, спасибо, что поделились опытом!