Как интегрировать упакованный редактор wysiwyg в мое приложение Rails

Question

Я решил использовать https://github.com/Nerian/bootstrap-wysihtml5-rails, который представляет собой упакованный редактор wysiwyg со встроенным загрузчиком 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 раздел, чтобы превратить его в wysiwyg. Я посмотрел в руководство по Rails для form_for, но не видел, как я мог вставить JavaScript или даже применить класс CSS к определенному полю. Спасибо за вашу помощь.

Answer 1

Добавить HTML-класс 'wysihtml5' в любой текстовой области, в которой вы хотите реализовать редактор.

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

Вы можете вставить скрипт в соответствии с предложением или установить глобальный инициализатор в app/assets/javascipts/application.js:

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