javascript - Summernote 仅在刷新时才有效

标签 javascript ruby-on-rails

所以我对 Javascript 非常陌生,我刚刚安装了 Summernote 文本编辑器。仅当我在页面上点击刷新时,我才能使文本编辑器正常工作。我观看并阅读了几个不同的教程,但仍然没有解决。

这是我的post.coffee

$ ->
 ready = ->
   $('[data-provider="summernote"]').each ->
   $(this).summernote()

$(document).ready(ready)
$(document).on('page:load', ready)

这就是我的 _form.html.erb 上弹出文本编辑器的地方

  <%= simple_form_for @post do |f| %>
    <%= f.input :body, as: :summernote %>
  <% end %>

我再次可以让它工作,但每次都必须点击刷新。如果这意味着什么的话,我正在使用 Rails 5。

最佳答案

如果您使用turbolinks,您可以像下面这样更改代码。

$ ->
  document.addEventListener 'turbolinks:load', ->
    $('[data-provider="summernote"]').each ->
      $(this).summernote()

文档是 here 。我希望这对您有帮助。

关于javascript - Summernote 仅在刷新时才有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44061965/

相关文章:

ruby-on-rails - 迁移次要 Rails 版本

javascript - 单击按钮重定向时的单个 anchor 标记,第一个 id 如 url 中所示,第二个 id 为隐藏

javascript - 在数组数组中查找一个值

javascript - 检查字符串中所有字符是否相等的函数 javascript - 家庭作业警告

ruby-on-rails - Rspec + savon + vcr 不录制

ruby-on-rails - Bundler 和 Rails 应用程序之间的关系是什么?

javascript - 根据鼠标移动动画 css [我该如何改进]

javascript - 如何将material-ui时间选择器更改为24小时格式

ruby-on-rails - Windows 替代 zeus 和 spring for rails

java - AES CBC PKCS5Padding Java 到 Ruby