&tag(Rails/ckeditor); *目次 [#defcb89f] #contents *関連ページ [#lf71e274] *参考情報 [#xb888c11] -JavaScriptのリッチテキストエディタckeditorをRailsに組み込めるようにgem化したものがいくつかある。 -[[galetahub/ckeditor:https://github.com/galetahub/ckeditor]]が有名 *インストール方法 [#m7ccec4e] -Gemfileに追加し、bundle install。 gem 'ckeditor' -application.jsを変更。 //= require ckeditor/init -ビューで、text_areaをcktext_areaに編集する。 *カスタマイズ [#ccd13d7b] **ファイルの場所 [#kec995bd] -以下のファイルを修正する #pre{{ app/assets/javascripts/ckeditor/config.js app/assets/javascripts/ckeditor/contents.css }} **ツールバーのシンプル化 [#e2b20324] -config.jsを編集。 #pre{{ CKEDITOR.editorConfig = function (config) { config.extraPlugins = 'autolink,openlink' config.toolbar = [ ['Format','FontSize'] ,['Bold','Italic','Underline'] ,['TextColor','BGColor'] ,['RemoveFormat'] ,['Link','Unlink','Anchor'] ,['Source','Maximize','ShowBlocks'] ]; } }} **スタイルの修正 [#k45a5c19] -contents.cssを修正(config.jsでの修正は特に必要ないっぽい)。 -例えばpタグのマージンをなくす。 #pre{{ p { margin:0; padding:0 } }} **プラグイン [#y2b44d96]