Методы изменения размера редактора ACF WYSIWYG с минимальной высотой

  1. Метод CSS:
    Вы можете применить правила CSS к контейнеру редактора ACF WYSIWYG, чтобы установить минимальную высоту. Например:

    .acf-wysiwyg-wrap {
     min-height: 200px; /* Adjust the value as per your requirement */
    }
  2. Метод JavaScript:
    Вы можете использовать JavaScript, чтобы выбрать элемент редактора ACF WYSIWYG и динамически установить его минимальную высоту. Вот пример использования jQuery:

    jQuery(document).ready(function($) {
     var wysiwygEditor = $('.acf-wysiwyg-wrap textarea');
     wysiwygEditor.css('min-height', '200px'); /* Adjust the value as per your requirement */
    });
  3. Метод перехватчика фильтра ACF:
    ACF предоставляет перехватчики фильтров, которые позволяют изменять его поведение. Вы можете использовать фильтр acf/fields/wysiwyg/toolbars, чтобы добавить собственный класс в редактор ACF WYSIWYG, а затем применить правила CSS к этому классу, чтобы установить минимальную высоту. Вот пример:

    function custom_acf_wysiwyg_min_height($toolbars) {
     $toolbars['class'] .= ' custom-wysiwyg';
     return $toolbars;
    }
    add_filter('acf/fields/wysiwyg/toolbars', 'custom_acf_wysiwyg_min_height');

    CSS:

    .custom-wysiwyg .acf-wysiwyg-wrap {
     min-height: 200px; /* Adjust the value as per your requirement */
    }