Trix on Rails

richなformエディタであるtrixは便利で、Rails用のgemもあるので使わせてもらっています。しかしgemの更新がとどこおっており、trix gemの制約でRails 5.2にできなくなっていました。そこでgemを使わずにtrixをRailsで使う備忘録。

1. Releases · basecamp/trix · GitHubからtrix.jsをapp/assets/javascripts/へ、trix.cssをapp/assets/stylesheets/へコピーする。
2. application.jsへ//= require trixを追記
3. application.css.scssへ*= require trixを追記
4. viewには以下のように書く。

<%= form_with(model: entry, local: true) do |form| %>
  <%= form.hidden_field :content, id: "entry_content" %>
  <trix-editor input="entry_content"></trix-editor>
<% end %>