Question

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

我有以下表格，我想使用wysiwyg编辑器：

<%= 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部分以使其成为一个所见即所而感到有点迷茫。我查看了form_for的{{1}}，但没有看到我如何插入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();
  });
})

如何将打包的wysiwyg编辑器集成到我的Rails应用程序中

1 个答案: