ruby-on-rails - Trix 所见即所得编辑器更改文本字段的默认行/垂直高度

Question

我通读了Trix 文档，并没有因此而跳出答案。Trix WYSIWYG 编辑器似乎默认显示 3 行：

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

score 3 · Accepted Answer

这是设置min-heightcss属性的问题。使用 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");

score 2 · Accepted Answer

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

您可以覆盖默认的 CSStrix-content类

.trix-content{
    height: 350px;
}

如果您想在一定深度后使用滚动，则可以使用此 CSS 增加高度，然后overflow-y: auto;喜欢

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

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

尝试将其添加到您的 stylesheets/application.scss 文件中（如果您使用的是 sass 或等效文件）。

2 回答 2