LoginSignup
1

More than 3 years have passed since last update.

RubyOnRailsでWYSIWYGエディタQuillを導入する方法

Last updated at Posted at 2019-07-18

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へのリンクはコチラ

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
1