Редактор Trix WYSIWYG изменяет строки по умолчанию / вертикальную высоту текстового поля

Question

Я прочитал документацию Trix , и ответ не выскакивал у меня за это.Похоже, что редактор Trix WYSIWYG по умолчанию имеет 3 отображаемых строки:

Любой шанс, что это может быть переключено на большее количество строк, например: 15 или около тогостроки:

Answer 1

Да, вы правы, но я решил по-другому.

Вы можете переопределить CSS по умолчанию, например trix-content class

.trix-content{
    height: 350px;
}

, вы можете увеличить высоту, используяэтот CSS, если вы хотите использовать прокрутку после некоторой глубины, тогда overflow-y: auto; как

.trix-content{
    height: 350px;
    overflow-y: auto;
}

после 350px, он автоматически добавит полосу прокрутки.

Answer 2

Это вопрос установки атрибута min-height css.Используя javascript, это работает, если у вас есть только один trix-editor на странице:

$('trix-editor').css("min-height", "350px");

Если у вас есть несколько редакторов trix на странице, и вы хотите изменить только высоту по умолчанию для этого: что яЯ обернул редактор trix в div, установил класс для этого div и использовал find:

$('.solution-trix-field-wrapper').find($('trix-editor')).css("min-height", "350px");