OXBOX Help

TinyMCEditor

Создание новых тем для TinyMCE(Editor)

Чтобы создать новую тему для эдитора нужно:

Открыть директорию

cd admin/public/tinymce/

Выполнить команду

npm run build:newThemeEditor

Терминал просит ввести название новой темы. Придумываем название аналогичное созданным темам

tinyMCE1.png

Дальше идем в папку skins и видим там три папки content, ui, varibles В папках content и ui появились папки с файликами нашей новой темы, их мы не трогаем.

Идем в папку varibles, открываем файл с названием нашей новой темы и изменяем цвета у переменных исходя из цветовой схемы.

Я все сделал правильно, но тема не работает...

Для того чтобы новая тема появилась нам нужно найти файл getTheme.ts в директории admin/src/app/constructor/components/ComponentTextEditor/src

tinyMCE2.png

Тут мы видим switch с уже имеющимися темами. Сюда и нужно добавить нашу.

case "Название темы без app_ и _dark": return type === "skin" ? "Название темы" : "/tinymce/skins/content/Название темы/content.min.css"

Отлично, тема добавлена! Теперь мы можем создать новый build проекта и отправить в git.

25 июня 2025