mxEditorJs - блочный редактор Editor.js для MODX 3


Интегрирует Editor.js в административную панель MODX 3 в качестве замены стандартного Rich Text Editor. Контент хранится в каноническом JSON-формате Editor.js, на фронтенде автоматически генерируется HTML-снимок.

🪟 Блочный редактор
  • 13 типов блоков: параграф, заголовок, список, чеклист, цитата, таблица, код, raw HTML, embed, изображение, вложение, разделитель, предупреждение
  • Inline-инструменты: marker, inline-code, underline, link
  • Выравнивание текста (tune) для параграфов, заголовков, списков, цитат
  • Undo/Redo — поддержка отмены действий
📺 Embed — встраиваемый контент
  • YouTube, RuTube, Vimeo, Twitch, instagram*, facebook*, Twitter/X и другие сервисы
  • Вставка по URL через Paste API — достаточно скопировать ссылку и вставить в редактор
  • Корректный рендер на фронтенде — блоки отображаются как iframe с поддержкой allowfullscreen и loading=«lazy»
  • Возможность добавить кастомные сервисы через конфигурацию
✨ Ключевые возможности
  • Поддержка TV-полей — редактор работает в основном контенте и в дополнительных полях (textarea + richtext)
  • Загрузка медиа — drag-and-drop изображений и файлов через MODX Media Sources
  • Браузер файлов — встроенный просмотр с навигацией по директориям
  • Автодополнение ссылок — поиск ресурсов MODX при вставке ссылок
  • Миграция HTML → Editor.js — автоматическая конвертация существующего HTML-контента
  • Профили инструментов — предустановленные (default, minimal, blog, full) и пользовательские
  • Полноэкранный режим и режим Source Preview (просмотр сгенерированного HTML)
  • Локализация — русский и английский, наследование локали менеджера
  • CSS-пресеты — настраиваемые классы для изображений и ссылок
🚀 Быстрый старт
  1. Установите пакет через Extras → Installer
  2. В системных настройках установите which_editor = mxEditorJs
  3. Откройте любой ресурс — в поле контента появится Editor.js
📋 Требования
  • MODX Revolution 3.0.3+
  • PHP 8.2+
  • Node.js 18+ (только для сборки из исходников)
Полезные ссылки:
Если вам понравился мой подход и пригодился скрипт — можно угостить чашкой кофе: www.tbank.ru/cf/7hOvLtWefR0
Иван Бочкарев
Иван Бочкарев
7 часов назад
modx.pro
1
46
+4
Поблагодарить автора Отправить деньги

Комментарии: 0

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
0