首页 > 解决方案 > Trix 所见即所得编辑器更改文本字段的默认行/垂直高度

问题描述

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

之前的三重奏

任何机会都可以切换到更多行,例如:15 左右行: 在此处输入图像描述

标签: ruby-on-railsrubytrix

解决方案


这是设置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");

推荐阅读