ruby-on-rails - 如何将打包的所见即所得编辑器集成到我的 Rails 应用程序中

Question

我决定使用bootstrap-wysihtml5-rails，这是一个打包的所见即所得编辑器，内置 Twitter 引导程序。我的问题是关于如何“激活”我使用form_for助手创建的表单中的编辑器。

我有以下表格，我想在其中使用所见即所得编辑器：

<%= form_for(@question) do |f| %> 

  <%= f.label :title, "Title" %>
  <%= f.text_field :title %>

  <%= f.label :content, "Content" %>
  <%= f.text_area :content %> <!-- make this into wysiwyg editor -->

  <%= f.submit "Create question", class: "btn btn-large btn-primary" %>
<% end %>

说明只需添加以下内容：

<textarea id="some-textarea" class='wysihtml5' placeholder="Enter text ..."></textarea>

<script type="text/javascript">
  $('.wysihtml5').each(function(i, elem) {
    $(elem).wysihtml5();
  });
</script>

但是，对于如何仅切换text_area部分以使其成为所见即所得的方式，我有点迷茫。我查看了Rails 指南，form_for但没有看到如何插入 javascript 甚至将 css 类应用于特定字段。谢谢你的帮助。

Answer 1

将 html 类添加'wysihtml5'到要在其上实现编辑器的任何 text_area。

<%= f.text_area :content, class: 'wysihtml5' %>

您可以按照建议将脚本内联粘贴，也可以将全局初始化程序放在app/assets/javascipts/application.js：

$(function() {
  $('.wysihtml5').each(function(i, elem) {
    $(elem).wysihtml5();
  });
})