如何将打包的所见即所得编辑器集成到我的 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();
  });
})