Rails上的Trix编辑器:文本在Heroku上的框外流动(不是localhost)

时间:2017-12-16 21:43:01

标签: ruby-on-rails heroku

我刚刚在我的rails应用程序中实现了Trix编辑器,它在localhost上完美运行,但它正在Heroku上拉这个丑陋的业务:

enter image description here

我只能想象这与资产管道有关,所以基础是我安装了gem(gem 'Trix')并且bundle install,我在我的//= require trix添加了application.js我的*= require trix中有application.css.scssapplication.css.scss。我将资产推送到Heroku时进行预编译。

以下是整个*= require magnific-popup *= require trix *= require_tree . *= require_self */ @import "bootstrap-sprockets"; @import "bootstrap"; @import 'ionicons'; 结构:

FormDataCollection

除了这些基础知识之外,任何人都可以找出我缺少哪些步骤来让样式出现在Heroku上吗?

1 个答案:

答案 0 :(得分:1)

正在.form-control的某个类34px上设置一个样式,该样式在application.css处设置该框的高度。这就是为什么它不会与文本一起成长

当我删除框所获得的高度属性时,框再次展开文本。这可能很难找到并修复我的结尾,但它位于块中的文件height: 34px文件中,其中包含相同的样式,可能不是第5行,可能是后面的行但是取决于文件大小,再次搜索34px或只搜索def print_even_matrix(h): l = [[2*(i + j) for j in range(h)] for i in range(0, h**2, h)] listtab = lambda x: '\t'.join(map(str, x)) print '\n'.join(map(listtab, l)) >>> print_even_matrix(3) 0 2 4 6 8 10 12 14 16 >>> print_even_matrix(4) 0 2 4 6 8 10 12 14 16 18 20 22 24 26 28 30 或其他内容并查找此处图像中的样式块并删除该行(现在请记住,如果使用此行)作为一个其他地方的风格然后会破裂。

enter image description here

这应解决问题。

如果您不熟悉使用chrome(或任何浏览器)开发工具,我建议您查找任何参考资料并熟悉使用它们,它们非常适合调试此类事物。