1

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_forjavascript を挿入する方法や、特定のフィールドに css クラスを適用する方法さえわかりませんでした。ご協力いただきありがとうございます。

4

1 に答える 1

4

'wysihtml5'エディタを実装したい任意の text_areaに html クラスを追加します。

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

提案されているようにスクリプトをインラインで貼り付けるか、グローバル初期化子をapp/assets/javascipts/application.js次 の場所に配置できます。

$(function() {
  $('.wysihtml5').each(function(i, elem) {
    $(elem).wysihtml5();
  });
})
于 2013-01-29T18:01:01.417 に答える