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 — поддержка отмены действий
- 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-пресеты — настраиваемые классы для изображений и ссылок
- Установите пакет через Extras → Installer
- В системных настройках установите which_editor = mxEditorJs
- Откройте любой ресурс — в поле контента появится Editor.js
- MODX Revolution 3.0.3+
- PHP 8.2+
- Node.js 18+ (только для сборки из исходников)
- Ознакомиться в modstore: mxEditorJs
- Документация: mxEditorJs
- Исходники: GitHub
*Meta, которой принадлежат facebook и instagram признана экстремистской в России
Комментарии: 12
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
Первый editorjs.boshnik.com/docs/
Второй modstore.pro/packages/content/editorjs
Все верно:
1-го нет в магазине modstore и modx.com
2-й платный
github.com/VolgaIgor/editorjs-gallery
gitlab.com/rodrigoodhin/editorjs-image-gallery
github.com/mr8bit/carousel-editorjs
Какой из?
Проблема такая: если загружаю фото в редактор выбирая его с компа — то путь к изображению строится от источника файлов.
А если выбираю с браузера по кнопке Обзор, то путь прописывается абсолютный — от домена и перед именем файла двойной слешь.
Также, в системных настройках компонента не хватает натсройки mxeditorjs.file_upload_path
Если прикреплять блоки с файлами, то используется mxeditorjs.image_upload_path, что не совсем корректно для файлов.
Проверь в новой версии (выложил в магазин)
Это можно пофиксить?