Question

我有一个使用引导程序形式和“ trix” gem的Rails 6应用程序。我不能使用ActionText，因为它需要webpacker，出于多种原因，我无法使用它。

我以我的形式这样做：

<%= f.rich_text_area :content, layout: :vertical, rows: 20, required: true %>

但是编辑器坏了，请参见下文：

如果我尝试放入图像，情况会变得更糟：

日志或控制台中没有错误，我没有覆盖任何CSS或JS。

我做错什么了吗？

Answer 1

我假设您已经解决了这个问题，但是如果没有，我会遇到同样的问题，并发现Bootstrap表单控件类正在限制Trix Editor的高度。我在我的Application.scss文件中添加了以下代码，现在它可以像您期望的那样工作：

trix-editor {
    height:auto !important;
}

Answer 2

progress {
  display: none;
}

您可以将css文件添加到您的css文件中，可能会解决图像进度条问题。