ruby-on-rails - Trix 编辑器无法在 Rails 中正常工作

Question

我有一个使用 bootstrap-form 和“trix” gem 的 Rails 6 应用程序。我不能使用 ActionText，因为它需要 webpacker，由于多种原因我不能使用它。

在我的表格中，我这样做：

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

但是编辑器坏了，见下图：

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

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

难道我做错了什么？

Answer 1

我假设您已经知道了这一点，但如果没有，我也遇到了同样的问题，并且发现 Bootstrap 表单控件类限制了 Trix 编辑器的高度。我将以下代码添加到我的 Application.scss 文件中，现在它可以像您期望的那样工作：

trix-editor {
    height:auto !important;
}

Answer 2

progress {
  display: none;
}

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