我正在尝试将带有 ActionText 的 Trix 编辑器（不带 Webpacker）添加到我的 Rails 应用程序中

Question

我正在尝试将带有 ActionText 的 Trix 编辑器添加到我的 Rails 应用程序中，但我没有使用 Webpacker。我一直在关注官方文档，但它似乎假设使用 Webpacker。有人可以指导我如何在没有 Webpacker 的情况下集成 Trix 和 ActionText 吗？

这是我迄今为止尝试过的：

1. 将

   trix

   和

   actiontext

   gem 添加到我的 Gemfile 中并运行

   bundle install

   。
2. Ran

   rails action_text:install

   生成必要的迁移，但通过错误消息
3. 使用

   rails db:migrate

   迁移数据库。
4. 将

   has_rich_text :content

   添加到我的模型中。

application.js looks like

。

import "trix";

import "@rails/actiontext";

查看侧面。

但是，我不确定如何在没有 Webpacker 的情况下包含 Trix 编辑器 JavaScript 和 CSS 文件。任何帮助将不胜感激。谢谢！

Answer 1

如果在

"trix"

文件中导入了

"@rails/actiontext"

和

application.js

，您可以忽略第二步中收到的警告。

然后，在 application.scss 中导入 trix。

@import "trix";

或者您可以直接在视图中导入CSS文件：

<%= stylesheet_link_tag "actiontext", "data-turbo-track": "reload" %>

如果您更喜欢第二种方式，请确保操作文本也链接在

app/assets/config/manifest.js

//= link actiontext.css

现在剩下的就是添加 rich_text_area 作为表单输入：

  <div class="form-group">
    <%= form.label :content, style: "display: block" %>
    <%= form.rich_text_area :content, class: 'form-control', rows: 3 %>
  </div>

你可以看看这个问题：https://github.com/rails/rails/issues/43441