RubyOnRailsでWYSIWYGエディタQuillを導入する方法
RubyOnRailsのformとQuillを連携させるには、下記のGemを入れると良い。
quilljs-rails
インストール方法はREADME.mdの通りでOK。インストール後は、quill_container
というclass属性を付加すれば自動的にQuillエディタとなる。
<%= f.text_field :title, label: 'Title', type: 'text', class: 'quill_container' %>
ただし、1ページ内に異なるスタイルのquillエディタを複数配置するといったことは不可能っぽい(ソースを見る限り。すべて同じスタイルになってしまう)
細かい制御をしたい場合は、railsのformを使わずにjavascript経由でCDNなどでquillをインストールしてjqueryなどでゴリゴリとデータの受け渡しの処理などを書くしかないようだ。
エンジニアに役立つ情報をTwitterでも発信していますので宜しければTwitterの方もフォローをよろしくお願いします!
Twitterへのリンクはコチラ