wp_editor()

wp_editor( string $content, string $editor_id, array $settings = array() )

$content = 'Начальное содержимое редактора';
$editor_id = 'my_editor';
$settings = array(
  'wpautop' => true,
  'media_buttons' => true,
  'default_editor' => '',
  'drag_drop_upload' => false,
  'textarea_name' => $editor_id,
  'textarea_rows' => 20,
  'tabindex' => '',
  'tabfocus_elements' => ':prev,:next',
  'editor_css' => '',
  'editor_class' => '',
  'teeny' => false,
  'dfw' => false,
  'tinymce' => true,
  'quicktags' => true
);
wp_editor( $content, $editor_id, $settings );

<?php
    // Создание нового редактора с идентификатором "my_editor"
    wp_editor( '', 'my_editor' );
?>

<?php
    // Изменение настроек редактора
    $settings = array(
        'media_buttons' => false, // Отключение кнопок медиа
        'textarea_rows' => 10, // Установка количества строк в textarea
        'tinymce' => array(
            'toolbar1' => 'bold,italic,underline', // Изменение панели инструментов TinyMCE
        ),
    );
    wp_editor( '', 'my_editor', $settings );
?>

<?php
    // Добавление кнопок медиа
    $settings = array(
        'media_buttons' => true, // Включение кнопок медиа
    );
    wp_editor( '', 'my_editor', $settings );
?>

<?php
    // Включение функции перетаскивания и загрузки файлов
    $settings = array(
        'drag_drop_upload' => true, // Включение функции перетаскивания и загрузки файлов
    );
    wp_editor( '', 'my_editor', $settings );
?>

<?php
    // Настройка внешнего вида редактора
    $settings = array(
        'editor_class' => 'my-editor-class', // Добавление класса к textarea редактора
        'teeny' => true, // Включение минимальной конфигурации редактора
    );
    wp_editor( '', 'my_editor', $settings );
?>

Вопросы и ответы

Как изменить размер текстового поля в редакторе?

Для изменения размера текстового поля в редакторе, можно использовать параметр $settings['textarea_rows']. Этот параметр принимает значение типа int и определяет количество строк в текстовом поле.

Пример кода:

$settings = array(
    'textarea_rows' => 10
);
wp_editor( $content, $editor_id, $settings );

Как добавить кнопку для вставки медиафайлов в редактор?

Для добавления кнопки для вставки медиафайлов в редактор, можно использовать параметр $settings['media_buttons']. Этот параметр принимает значение типа bool и определяет, нужно ли показывать кнопки для добавления медиафайлов.

Пример кода:

$settings = array(
    'media_buttons' => true
);
wp_editor( $content, $editor_id, $settings );

Как изменить настройки редактора TinyMCE?

Для изменения настроек редактора TinyMCE, можно использовать параметр $settings['tinymce']. Этот параметр принимает значение типа bool|array и позволяет передать настройки напрямую в TinyMCE с помощью массива.

Пример кода:

$settings = array(
    'tinymce' => array(
        'toolbar1' => 'bold italic',
        'toolbar2' => 'formatselect'
    )
);
wp_editor( $content, $editor_id, $settings );

Как отключить автоматическое форматирование текста в редакторе?

Для отключения автоматического форматирования текста в редакторе необходимо использовать параметр wpautop и установить его значение в false. По умолчанию, этот параметр имеет значение true, что приводит к применению функции wpautop() к контенту редактора.

$settings = array(
    'wpautop' => false,
);
wp_editor( $content, $editor_id, $settings );

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

Для добавления пользовательских стилей в редактор необходимо использовать параметр editor_css и указать путь к файлу со стилями. Файл должен содержать теги стилей и может использовать атрибут «scoped». По умолчанию, этот параметр имеет значение пустой строки.

$settings = array(
    'editor_css' => 'path/to/custom-styles.css',
);
wp_editor( $content, $editor_id, $settings );

Как изменить количество строк в текстовом поле редактора?

Для изменения количества строк в текстовом поле редактора необходимо использовать параметр textarea_rows и указать желаемое количество строк. По умолчанию, это значение равно 20.

$settings = array(
    'textarea_rows' => 10,
);
wp_editor( $content, $editor_id, $settings );

Как изменить порядок загрузки редакторов TinyMCE и Quicktags?

Порядок загрузки редакторов TinyMCE и Quicktags можно изменить, указав параметр «default_editor» при вызове функции «wp_editor()».

Пример кода:

$settings = array(
    'default_editor' => 'tinymce', // По умолчанию загружается редактор TinyMCE
);
wp_editor( $content, $editor_id, $settings );

Как включить функцию перетаскивания и загрузки файлов в редакторе?

Функцию перетаскивания и загрузки файлов в редакторе можно включить, установив параметр «drag_drop_upload» в значение true при вызове функции «wp_editor()».

Пример кода:

$settings = array(
    'drag_drop_upload' => true, // Включение функции перетаскивания и загрузки файлов
);
wp_editor( $content, $editor_id, $settings );

Как изменить tabindex для редактора?

Tabindex для редактора можно изменить, установив параметр «tabindex» при вызове функции «wp_editor()».

Пример кода:

$settings = array(
    'tabindex' => 10, // Установка tabindex равным 10
);
wp_editor( $content, $editor_id, $settings );

Функция «wp_editor()» в WordPress используется для отображения редактора на странице. Она позволяет создавать и редактировать контент с помощью редакторов TinyMCE и Quicktags. Функция имеет различные параметры, которые позволяют настраивать поведение редактора, такие как включение функции перетаскивания и загрузки файлов, изменение порядка загрузки редакторов и изменение tabindex.