首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Trix WYSIWYG编辑器更改文本字段的默认行/垂直高度

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

Stack Overflow用户
提问于 2018-06-09 05:17:28
回答 2查看 2.3K关注 0票数 2

我通读了一遍Trix documentation,但我并没有为此得到答案。Trix WYSIWYG编辑器默认显示3行:

任何可以切换到更多行的可能性,例如: 15行左右:

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-06-09 05:52:33

这是一个设置min-height css属性的问题。使用javascript时,如果页面上只有一个trix-editor,这是可行的:

代码语言:javascript
复制
$('trix-editor').css("min-height", "350px");

如果页面上有多个trix编辑器,并且您只想更改该编辑器的默认高度:我所做的是将trix编辑器包装在一个div中,在该div上设置一个类,并使用find

代码语言:javascript
复制
$('.solution-trix-field-wrapper').find($('trix-editor')).css("min-height", "350px");
票数 3
EN

Stack Overflow用户

发布于 2018-06-09 06:29:11

是的,你是对的,但我已经用不同的方法解决了。

您可以覆盖默认的CSS,如trix-content类。

代码语言:javascript
复制
.trix-content{
    height: 350px;
}

您可以使用此CSS增加高度,如果您想在某个深度之后使用scroll,则overflow-y: auto;如下所示

代码语言:javascript
复制
.trix-content{
    height: 350px;
    overflow-y: auto;
}

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

我应该在哪里添加代码?

尝试将其添加到您的样式表/application.scss文件中(如果您使用的是sass或等效文件)。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50768504

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档