Мощные VPS/VDS-сервера на новейшем поколении процессоров Intel от 210 ₽ в месяц   •   Реклама
Артём Мáлков

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

4 авг5 комм

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

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

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

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

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

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

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

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

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

tinymce

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

custom_plugins

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

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

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

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

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

,table

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

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

custom_buttons3

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

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

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

tablecontrols

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

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

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

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

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

5
комментариев
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
    • 0
    41
      •  Проверенный
    28 июл в 21:59

    Приветствую! А возможно ли добавить свои кнопки с шорткодами в TinyMCE в Modx Revo?

      • 1
      41
        •  Проверенный
      3 авг в 15:00

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

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

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

      • 0
      1002
        •  Команда Pandoge
      3 авг в 18:33

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

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

      • 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.

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

      • 0
      1002
        •  Команда Pandoge
      5 авг в 11:54

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

Подняться наверх
«Pandoge» - помощник вебмастера