TinyMCE Self-Hosted for Strapi

Локальная (self-hosted) интеграция редактора TinyMCE в админ-панель Strapi.
Работает полностью офлайн — без подключения к Tiny Cloud и без API-ключей.

Протестировано на версии Strapi: 5.30.0

Ссылка на репозиторий: https://github.com/Agency-RBand/strapi-plugin-tinymce-selfhosted

Введение

Выбирая редактор для работы с контентом, важно учитывать не только удобство пользователя, но и гибкость настройки, безопасность данных и расширяемость. TinyMCE занимает лидирующие позиции на рынке WYSIWYG-редакторов именно благодаря своей универсальности и надежности.

В отличие от многих облачных решений, таких как Tiny Cloud, CKEditor Cloud или стандартные редакторы Strapi, TinyMCE self-hosted позволяет полностью контролировать работу редактора:

• Полная автономия — нет зависимости от внешних сервисов, что критично для безопасности данных.
• Глубокая кастомизация — настраиваются тулбары, плагины, форматы блоков, поведение клавиш, темы и стили.
• Широкая функциональность — сотни бесплатных плагинов обеспечивают работу с кодом, медиа, таблицами, списками и предпросмотром контента.
• Полностью бесплатное решение — никакой платы за расширенные функции или лицензии.
• Высокая совместимость с CMS — легко интегрируется в Strapi и любые другие системы.

По сравнению с CKEditor, который часто требует отдельного лицензирования для расширенного функционала, или встроенными текстовыми полями Strapi, TinyMCE предоставляет более широкий функционал «из коробки», полностью бесплатный и доступный для любого проекта.

Он идеально подходит как для простых блогов, так и для корпоративных порталов с расширенными требованиями к контенту:

• Работа с медиа (изображения, видео, аудио)
• Сложные таблицы и списки
• Вставка кода и синтаксическая подсветка
• Предпросмотр и экспорт контента

Использование self-hosted TinyMCE в Strapi позволяет вашему контент-отделу работать с редактором, который совмещает удобство и мощность, при этом полностью контролируя процесс и хранение данных.

Преимущества использования TinyMCE

1. Гибкая конфигурация

• Кастомные панели инструментов и тулбары
• Выбор форматов блоков и шрифтов
• Управление поведением клавиш Enter и Shift+Enter
• Возможность подключения собственных стилей и скриптов

2. Множество плагинов

• code, codesample — работа с исходным кодом
• link, image, media — вставка ссылок и медиафайлов
• table, lists, charmap — управление таблицами, списками и символами
• emoticons, fullscreen, preview — визуальное оформление и предпросмотр контента

3. Широкая функциональность и кастомизация

• Вставка изображений и видео
• Работа с расширенными таблицами и списками
• Предпросмотр и экспорт контента
• Полная кастомизация под бренд, стиль и интерфейс админ-панели
• Автономная работа без внешних сервисов

TinyMCE полностью автономен и может быть интегрирован в Strapi или любую другую CMS.

Полностью совместим с Strapi Design System и полностью бесплатное решение с широкой функциональностью.

Установка и подключение TinyMCE в Strapi

1. Создайте папку для кастомного поля:

   src/admin/plugins/wysiwyg-custom-field

2. Клонируем репозиторий:
   

   git clone https://github.com/Agency-RBand/strapi-plugin-tinymce-selfhosted.git

3. Подключаем плагин к Strapi конфигурации:
   

   export default ({ env }) => ({
       ...
       'wysiwyg-custom-field': {
           enabled: true,
           resolve: './src/plugins/wysiwyg-custom-field'
       },
       ...
   });

4. Запускаем сборку плагина:
   

   npm install @tinymce/tinymce-react 
   cd src/plugins/wysiwyg-custom-field 
   npm run build

5. Пересоберите админ-панель Strapi

Итог

Используя TinyMCE Self-Hosted для Strapi, вы получаете мощный, полностью бесплатный WYSIWYG-редактор с широкой функциональностью и глубокой кастомизацией. TinyMCE позволяет вашим редакторам работать быстрее, удобнее и качественнее, превосходя большинство альтернатив как по функционалу, так и по контролю над контентом.