エディターにActionText機能追加
ActionTextを使用することでエディターを使いやすくしてみます
始めにimagemagickをインストールします。
画像の大きさや文字を入力するために必要なツールです。
ターミナルで
$brew install imagemagick
インストール後、gemfileに、
gem 'image_processing', '~> 1.2
を記載。その後↓を実行
$bundle install
ActionTextをインストール
$bundle exec rails action_text:install
を実行。
ActionTextは、JavaScriptを実行しないと使えないためライブラリーのインストールをします。
$ bundle exec rails webpacker:install
最後にActionTextのテーブルが作られているので
＄ rails db:migrate
を実行
ActionTextを使用して、強化したいエディターのある記事クラスに
has_rich_text :カラム名
を記載。
後は、HTML・CSSを整えれば完成。
こんな感じになりました。