Добавление размеров шрифта в TinyMCE Advanced - PullRequest
Новая
       33

Добавление размеров шрифта в TinyMCE Advanced

0 голосов
/ 07 сентября 2018

Я использую Wordpress 4.9.8 и TinyMCE Advanced 4.8.0

Кажется, я нигде не могу найти ответ на этот вопрос, поэтому заранее извиняюсь, если что-то пропустил ...

Я хочу добавить дополнительные размеры шрифта в выпадающее меню в редакторе. Мне удалось сделать это, выбрав опцию «Размер шрифта» в настройках плагинов и добавив опции к размерам, которые мне нужны. Файл ' / wp-content / plugins / tinymce-advanced / tinymce-advanced.php ' выглядит следующим образом: 

private $fontsize_formats = '8px 10px 12px 13px 14px 16px 20px 24px 28px 32px 36px';

Это прекрасно работает, но размер шрифта по умолчанию изменен на 16px (он должен быть 12px)

Есть ли другой способ сделать это?

Спасибо

1 Ответ

0 голосов
/ 09 сентября 2018

Проверьте мой ответ ранее на WordPress Stack Exchange . Я перенесу это сюда для прозрачности.

Это что-то вроде 2-х частей. Первая половина покажет вам, как изменить стиль внутри TinyMCE при редактировании. Вторая половина покажет вам, как удалить вещи с панели инструментов.

Стиль TinyMCE

WordPress предоставляет нам аккуратную маленькую функцию с именем add_editor_style(), которая принимает массив таблиц стилей, либо по URL, либо по относительным путям. Темы WordPress по умолчанию обычно используют эту функцию, и их можно увидеть в последней теме TwentySeventeen . Сначала давайте создадим таблицу стилей. Название не имеет значения, но местоположение имеет значение. 

body,
button,
input,
select,
textarea {
    font-size: 16px;
}

Для простоты мы назовем это editor-style.css и сохраним в теме: 

/assets/css/editor-style.css

Далее нам нужно сказать WordPress использовать нашу таблицу стилей, чтобы мы открыли файл тем functions.php и добавили: 

/**
 * Theme setup functionality
 *
 * @return void
 */
function prefix_theme_setup() {

    // Relative path to the TinyMCE Stylesheet
    add_editor_style( array( 'assets/css/editor-style.css' ) );

}
add_action( 'after_setup_theme', 'iqt_theme_setup' );

Некоторые плагины могут мешать этому, такие как компоновщики страниц, если они реализуют свой собственный TinyMCE.

Изменить панель инструментов

Далее, мы можем использовать tiny_mce_before_init фильтр-крючок для модификации TinyMCE. В этом случае все, что нам нужно сделать, это переопределить размеры шрифта. Вы можете добавить следующую функцию в файл functions.php: 

/**
 * Add Formats to TinyMCE
 * - https://developer.wordpress.org/reference/hooks/tiny_mce_before_init/
 * - https://codex.wordpress.org/Plugin_API/Filter_Reference/tiny_mce_before_init
 *
 * @param array $args   - Arguments used to initialize the tinyMCE
 *
 * @return array $args  - Modified arguments
 */
function prefix_tinymce_toolbar( $args ) {

    $args['fontsize_formats'] = "8px 10px 12px 13px 14px 16px 20px 24px 28px 32px 36px";

    return $args;

}
add_filter( 'tiny_mce_before_init', 'prefix_tinymce_toolbar' );

Массив $args имеет индекс, который принимает список размеров шрифта, разделенных пробелами. Вы можете изменить их на что угодно, px, em, rem, это не имеет значения, просто список разделен пробелом и является действительным значением font-size.

...