Rails6でリッチテキストエディタを導入する

Rails6から導入されたActionTextを使ってリッチテキストコンテンツと編集機能を導入します

ActionTextを導入

rails action_text:install

を実行するとmigrationファイルが生成されるのでdb:migrateをします

モデルの設定

リッチテキストを既存のモデル(Article)に追加するには以下の記述をします

class Article < AplicationRecord
    has_rich_text :content
end

コントローラーの設定

ストロングパラメーターで参照される属性を許可します

class ArticlesController < ApplicationController
    …
    …
    private 
        def article_params
          params.require(:article).permit(:title, :content)
        end
end

ビューの設定

フィールドをモデル内で参照します

<div class="form-group">
    <%= f.label :content %>
    <%= f.rich_text_area :content, class: "form-control" %>
</div>

また、ImageMagicなどのgemをインストールすることで画像を投稿することも出来ます。

参考サイト
railsguides.jp