Описание mce_css
— Filter
Хук mce_css позволяет добавить собственные CSS-стили в TinyMCE, редактор контента WordPress. Он срабатывает при инициализации редактора, что позволяет менять внешний вид элементов в редакторе, обеспечивая более точное отображение контента по сравнению с фронтендом
Примеры использования
Пример добавления кастомного CSS-файла в редактор:
add_filter('mce_css', function($mce_css) {
$mce_css .= ', ' . get_template_directory_uri() . '/css/custom-editor.css';
return $mce_css;
});
Этот код добавляет кастомный CSS-файл, чтобы стили применялись в редакторе
Пример добавления нескольких CSS-файлов:
add_filter('mce_css', function($mce_css) {
$mce_css .= ', ' . get_template_directory_uri() . '/css/editor-style1.css';
$mce_css .= ', ' . get_template_directory_uri() . '/css/editor-style2.css';
return $mce_css;
});
В этом примере добавляются два CSS-файла для стилизации редактора
— Лучшие практики
– Использование
Используйте этот хук, когда необходимо сделать редактор более похожим на конечный вид контента на сайте
– Производительность
Добавление большого количества CSS-файлов может замедлить загрузку редактора, поэтому старайтесь минимизировать их число
– Предупреждения
Убедитесь, что добавляемые стили не конфликтуют с существующими стилями редактора
Альтернативы
Тип: action
Этот хук позволяет добавлять стили, которые будут применяться к содержимому редактора, но не обязательно к его интерфейсу
Используйте его, если нужно добавить стили, специфичные только для контента, а не для самого редактора
