ruby-on-rails - 我一直在尝试通过 Webpack 将 Quilljs 添加到 Rails 5.1 应用程序

Question

我一直在尝试将 Quill 编辑器添加到我的应用程序，但它不起作用。

1. 我用 --webpack 创建了一个 Rails 5.1 应用程序然后我跑了 rails webpacker:install
2. 我跑了 yarn add quill和 rails webpacker:compile
3. 我添加了 <%= javascript_pack_tag 'application' %>到layouts/application.html.erb

4. 在 packs/application.js 我有:

   import Quill from 'quill';

   var quill = new Quill('#article_content', {
theme: 'snow'
});

5. 在 _form.html.erb 中:

   <%= form.text_field :content, id: :article_content %>

6. 我跑了 rails s和 .bin/webpack-dev-server

7. 在控制台中我得到一个错误:quill Invalid Quill container #article_content

我做错了什么？

Answer 1

我假设您也在使用 Turbolinks。您需要确保使用以下脚本包装:

   document.addEventListener("turbolinks:load", function() {
     var quill = new Quill('#article_content', {
     theme: 'snow'
     });
   })

这解决了我的问题