Twitter ブートストラップが組み込まれたパッケージ化された wysiwyg エディターであるbootstrap-wysihtml5-railsを使用することにしました。私の質問は、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
セクションだけを切り替えて wsiwyg にする方法について少し迷っています。のRails ガイドを調べましたが、form_for
javascript を挿入する方法や、特定のフィールドに css クラスを適用する方法さえわかりませんでした。ご協力いただきありがとうございます。