Для присвоения класса к тегу <p> в редакторе TinyMCE вам потребуется выполнить несколько шагов.
1. Настройка на стороне клиента:
- Убедитесь, что у вас есть экземпляр TinyMCE на вашей странице, который включает редакторы для редактирования HTML-кода.
- Откройте файл конфигурации TinyMCE, обычно это файл с именем tinymce.init().
- Внутри параметра setup добавьте свою функцию обратного вызова для настройки редактора:
setup: function (editor) {
editor.on('init', function () {
// В этом месте будет вызвана ваша функция для настройки редактора
});
}
2. Настройка внутри функции обратного вызова:
В рамках функции обратного вызова editor.on('init', function() { ... }) вы можете использовать методы редактора API для добавления класса к тегу <p>. Вот один из способов сделать это:
editor.on('init', function () {
editor.dom.removeClass(editor.getBody(), 'mce-content-body');
editor.dom.addClass(editor.getBody(), 'mce-content-body');
});
В этом примере мы используем методы removeClass и addClass объекта editor.dom, чтобы удалить любые существующие классы у <body> и добавить новый класс 'mce-content-body'. Вы можете заменить 'mce-content-body' на любой другой класс, который вам нужен.
3. Сохранение изменений:
После внесения изменений в файл конфигурации TinyMCE сохраните его и перезагрузите страницу с редактором TinyMCE. Теперь каждый раз, когда вы создаете или редактируете <p> в редакторе, этому тегу будет автоматически присвоен заданный вами класс.
Обратите внимание, что эти изменения касаются только пользовательского интерфейса редактора TinyMCE и не изменят сам код HTML. Если вам нужно также изменить классы тегов <p> при сохранении контента для использования на вашем сайте, требуется дополнительная настройка на стороне сервера при обработке отправленных данных.