Сделать wp_editor обязательным

Содержание

Вопрос или проблема
Ответ или решение
Шаг 1: Добавление редакторов
Шаг 2: Добавление атрибута "required"
Вариант 1: JS для добавления атрибута required
Вариант 2: Серверная валидация
Шаг 3: Итог

Вопрос или проблема

У меня есть страница с несколькими wp_editors. Мне нужно сделать 2 из них обязательными. Я пробовал следующее, но ничего не сработало. Я поместил это сразу после функции, которая загружает страницу, но не уверен, нужно ли это делать где-то еще. Любая помощь будет оценена.

Код для загрузки wp_editor

$content = "";
$editorid = "statement";
$settings = array(  
    'textarea_name' => 'statement',
    'editor_height' => 100,
    'quicktags' => false,
    'media_buttons' => false,                       
    'teeny' => true,
    'tinymce'=> array(
        'theme_advanced_disable' => 'fullscreen',
        'width' => 500,
    )
);
wp_editor( $content, $editorid, $settings );

Код для того, чтобы сделать редактор обязательным

add_filter( 'statement', 'add_required_attribute_to_wp_editor', 10, 1 );
function add_required_attribute_to_wp_editor( $editor ) {
    $editor = str_replace( '<textarea', '<textarea required="required"', $editor );
    return $editor;
}

Я не могу найти документацию, которая позволила бы добавлять любые атрибуты тега к wp_editor, кроме id. У вас есть два варианта, которые я могу представить. Первый — это включить javascript-файл, зависящий от jQuery (или нет), который добавит обязательный атрибут к текстовой области редактора после полной отрисовки DOM.

Другой вариант — включить функцию валидации либо на стороне сервера, либо на стороне браузера, чтобы убедиться, что данные присутствуют. Я предлагаю этот подход, потому что обязательный атрибут не реализован универсально во всех браузерах.

Ваш код не сработает, потому что нет функции apply_filter, которая сработает на $statement.

Ответ или решение

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

Шаг 1: Добавление редакторов

Сначала убедитесь, что вы правильно добавляете wp_editor в свой код. Ваше текущее решение выглядит верно, вот пример, как это можно сделать:

$content = "";
$editorid1 = "statement";
$editorid2 = "another_statement"; // Второй редактор

$settings = array(  
    'textarea_name' => 'statement',
    'editor_height' => 100,
    'quicktags' => false,
    'media_buttons' => false,                       
    'teeny' => true,
    'tinymce' => array(
        'theme_advanced_disable' => 'fullscreen',
        'width' => 500,
    )
);

wp_editor($content, $editorid1, $settings);
wp_editor($content, $editorid2, $settings); // Добавление второго редактора

Шаг 2: Добавление атрибута "required"

Как упоминалось в вашем вопросе, ваша попытка использования фильтра для добавления атрибута "required" к textarea не сработала, так как в WordPress нет соответствующего фильтра для этого элемента. Однако, есть несколько обходных путей.

Вариант 1: JS для добавления атрибута `required`

Вы можете использовать JavaScript, чтобы добавить атрибут required к вашим редакторам после их рендеринга. Вот пример, как можно это сделать с помощью jQuery:

jQuery(document).ready(function($) {
    $('#statement').find('textarea').attr('required', 'required');
    $('#another_statement').find('textarea').attr('required', 'required');
});

Этот код добавляет атрибут required к textarea, созданному wp_editor, после полного загрузки страницы. Убедитесь, что jQuery загружен на странице.

Вариант 2: Серверная валидация

Хорошей практикой будет также добавить серверную валидацию для данных. Вы можете использовать следующий пример для валидации данных перед их сохранением:

function validate_editor_fields($post_id) {
    if (isset($_POST['statement']) && empty(trim($_POST['statement']))) {
        // Выводим сообщение об ошибке
        wp_die('Поле "Заявление" обязательно для заполнения.');
    }

    if (isset($_POST['another_statement']) && empty(trim($_POST['another_statement']))) {
        // Выводим сообщение об ошибке
        wp_die('Поле "Другое Заявление" обязательно для заполнения.');
    }
}
add_action('pre_update_option_your_option', 'validate_editor_fields'); // Замените 'your_option' на нужное

Шаг 3: Итог

Таким образом, вы можете сделать оба wp_editor обязательными, используя сочетание JavaScript для клиентской валидации и PHP для серверной валидации. Это гарантирует, что пользователи не смогут отправить форму, не заполнив нужные поля, тем самым повышая качество введённых данных.

Надеюсь, это решение поможет вам добиться желаемого результата. Если у вас возникнут дополнительные вопросы, не стесняйтесь спрашивать!