LoginSignup
11
15

More than 5 years have passed since last update.

Rails5にckeditorを導入してみる

Posted at

記事投稿を効率良く行いたいと考え、ckeditorの導入を試みました!

・Rails 5.0.0
Railsは5.0.0で行きます

iamgemagickのインストール

先にimagemagickを入れておく必要があるらしい

brew install imagemagick

imagemagickとは

ImageMagick(イメージマジック)は画像を操作したり表示したりするためのソフトウェアスイートである。
GIF、JPEG、JPEG 2000、PNG、PDF、Photo CD、TIFF、DPXなど100種類以上の画像ファイルフォーマットに対応している。

画像を良しなにやってくれるそうですね..

ckeditorのインストール

次にgemをインストールします

gem 'carrierwave'
gem 'mini_magick'
gem 'ckeditor'

Gemfileを修正したら

$ bundle install
$ rails generate ckeditor:install --orm=active_record --backend=carrierwave
$ bundle exec rake db:migrate

jsへの追加

application.jsに追加

application.js
//= require ckeditor/init

viewに記述

hofe.html.erb
<%= form_for @store, url: store_index_path do |f| %>
  //text_area ⇨ cktext_area
  <div><%= f.cktext_area :store_name, class: "hogehoge" %></div>
  <%= f.submit %>
<% end %>

これで上手くいきました!!

11
15
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
15