・WYSIWYGエディタはユーザーにリッチな編集画面を提供する為のインターフェイス・CKEditorは、WYSIWYGエディタの中でも古株でシンプルな構造から、多く利用されている。【本題】CKEditorについてCKEditorとは、WYSIWYGエディタの一種です。WYSIWYGエディタはユーザーにリッチな編集画面を提供する為のインターフェイスです。ryoutaku-jo.hatenablog.comWYSIWYGエディタは、いくつか出回っていますが、その中でもCKEditorは、軽量で導入が比較的簡単なことから古くから利用され続けています。導入方法CKEditorはgemも出回っているそうですが、そちらはCarrierWaveしか対応していないのと、CKEditorバージョン4系しか使えませんでした。github.com今回、画像アップロードは、shrineを利用したかったので、gemではなく、npmを使って、CKEditorを導入しました。www.npmjs.comちなみに、CKEditorをCDNで読み込む際は、下記のように「javascript_include_tag」を使う方法もあります。%>http://railsdoc.com/references/javascript_include_tag実装例はてなブログなどをされている方であれば馴染み深いと思いますが、この様に文字のサイズなどを編集できて、その結果をそのまま見れるという特徴がありますなお、HTML形式でデータベースには保存されます。一通りの動作が出来るところまで完成した。エラーが発生した際、対処に苦慮する場面が散見された。修正を加えていきたい。日)IBMのWatsonきっかけでエンジニアに憧れて28歳未経験でWebエンジニアへ転職。2018年12月から3年間で「10000時間」をプログラミングに捧げる計画を立て、学んだことをブログの投稿中。Activitiesryoutakuこのサイトについてプライバシーポリシ。