Trix WYSIWYG编辑器更改文本字段的默认行/垂直高度

Question

我通读了Trix documentation并且没有回答我的问题。似乎Trix WYSIWYG编辑器默认显示3行：

任何机会都可以切换到更多行，例如：15行左右：

Answer 1

设置min-height css属性是一个问题。如果您在页面上只有一个trix-editor，则可以使用javascript：

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

如果页面上有多个trix编辑器，你只想更改那个的默认高度：我做的是将trix编辑器包装在div中，在该div上设置一个类，并使用{{1 }}：

find

Answer 2

是的，你是对的，但我已经解决了不同的方式。

您可以覆盖默认CSS，例如trix-content类

.trix-content{
    height: 350px;
}

你可以使用这个CSS来增加高度，如果你想在某个深度之后使用滚动，那么overflow-y: auto;就像

一样

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

在350px之后，它会自动添加滚动条。