Как добавить пользовательские стили текста в визуальный текстовый редактор?

По умолчанию автор может выбрать пункт «Абзац», «Адрес», «Предварительно отформатированный», «Заголовок 1» и т. Д.

В качестве примера я хотел бы, чтобы автор имел возможность визуально обернуть выделенный текст в тег, не увидев этот тег.

Является ли TinyMCE Advanced единственным / лучшим способом?

Предполагая, что вы используете WP 3.2+ и актуальную тему, файл editor-style.css должен содержать стили для редактора. Если у вас его нет, просто создайте его в том же месте, что и style.css. Стиль появляется в раскрывающемся списке «Стили», а не в раскрывающемся списке «Тип абзаца», на который вы ссылаетесь в вопросе. Это действительно означает, что вам нужно расширить список кнопок с помощью расширенного TineMCE или одного из подобных плагинов (или вы можете сделать настройку самостоятельно в TinyMCE, но вряд ли это стоит того).

Вы также можете включить все стили из своей темы:

@import url("style.css"); 

Это делает ВСЕ доступные стили, которые могут быть довольно избыточными и иногда могут сделать редактор непригодным из-за стилей.

Я думаю, вы должны реализовать свой собственный TinyMCE-плагин, что позволит вам обернуть выделенный текст. Прочтите следующие статьи, которые предоставят вам некоторые базовые знания в этой области:

  1. TinyMCE
  2. Пользовательские кнопки TinyMCE
  3. Написание плагина TinyMCE в WordPress