Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

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

mr_t_free
私はフリーランスエンジニアをしながら、プログラミング塾でインストラクターをしています。 フリーランスエンジニアを目指す人に役立つ情報をお届けします。
http://freelance-se-way.net/
roomclip
日本最大級の住まいと暮らしのSNSメディア「RoomClip」の開発・運営を行っています
https://corp.roomclip.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away