【问题标题】:Tinymce gem, Have to press reload to make tinymce toolbar availableTinymce gem,必须按重新加载才能使tinymce工具栏可用
【发布时间】:2014-06-15 13:55:18
【问题描述】:

我正在使用这个指南在 rails 中设置 tinymce

https://github.com/spohlenz/tinymce-rails

但是我有一个小问题,每次打开带有tinymce编辑器的页面时,附加tinymce的文本区域显示为空白 我必须重新加载/刷新浏览器才能使其可用。

有什么技巧可以解决这个问题吗 (我正在使用导轨 4) 谢谢。

tinymce.yml

menubar: false
toolbar:
  - styleselect | bold italic | undo redo | table
plugins:
  - table

news.html.erb

<%= tinymce_assets %>
<%= form_for @news do |f| %>
    <%= render 'common/form_errors', object: @news %>
    <p>
      <%= f.label :isi %><br>
      <%= f.text_area :isi, :class => "tinymce", :rows => 7, :cols => 50 %>
      <%= tinymce :content_css => asset_path('application.css') %>
    </p>
  <div class="form-action">
    <%= f.submit nil, :class => 'btn btn-primary' %>
  </div>
<% end %>

【问题讨论】:

标签: javascript ruby-on-rails tinymce tinymce-rails


【解决方案1】:

我想我刚刚解决了这个问题,这是因为 turbolink 所以对于指向附加了tinymce的页面的每个链接 我通过此选项禁用 turbolink 'data-no-turbolink' => true

<%= link_to "Create News", new_news_path, 'data-no-turbolink' => true %>

【讨论】:

  • 您应该完全禁用 turbo 链接或学会使用它们。半解决方案会在未来引起头痛。
【解决方案2】:

另一种选择可能是这样的:

$(document).on('ready page:load', function () {
   tinymce.remove();
   tinymce.init({selector:'textarea'});
});

【讨论】:

  • 此解决方案不适用于 rails 5 - 我正在尝试将 TinyMCE 与 prism gem 结合使用
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-03-25
  • 2012-11-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多