Summernoteがレールで動作していない

Question

私のレール・ウェブにsummernoteを使用したい。そして私はここに提供された手順に従いますhttps://github.com/summernote/summernote-rails/wiki/Image-File-Upload-to-Serverしかし、summernoteを使用しているテキストエリアは表示されません。 私はルビー2.4.0とレール5を使用しています。誰でも助けてくれますか？そんなに

gemfileありがとう：輸入後のあなたのapplication.jsファイルで

gem "bootstrap-sass", "~>3.3" 
gem "font-awesome-rails", "~> 4.3" 
gem 'summernote-rails', '0.7.1.0' 
gem 'codemirror-rails' 
gem 'paperclip' 

application.js

//= require jquery 
//= require jquery_ujs 
//= require bootstrap 
//= require codemirror 
//= require codemirror/modes/ruby 
//= require summernote 
//= require summernote/locales/ko-KR 
//= require turbolinks 
//= require_tree. 

フォーム

<%= simple_form_for(@post) do |f| %> 
    <%= f.error_notification %> 

    <div class="form-inputs"> 
    <%= f.input :title %> 
    <%= f.input :content, as: :summernote %> 
    </div> 

    <div class="form-actions"> 
    <%= f.button :submit %> 
    </div> 
<% end %> 

Answer 1

を、あなたはsummernoteを初期化する必要があります。あなたがCoffeeScriptの中でコーディングしたい場合は、宝石のドキュメントでこれを見つけることができ、

$ -> 
    $('[data-provider="summernote"]').each -> 
    $(this).summernote() 

を

$('[data-provider="summernote"]').each(function(){ 
    $(this).summernote({ }); 
}) 

または、：ちょうどこれを追加します。

このコードを既にファイルに入れている場合は、質問を更新してください。

Answer 2

ご協力いただきありがとうございます。あなたのコードをapplication.jsに入れましたが、うまくいきません。それから私はこのようにapplication.html.erbに入れます

<script type="text/javascript"> 
    $(document).ready(function() { 
$('[data-provider="summernote"]').each(function(){ 
    $(this).summernote({ }); 
    }) 
}); 
</script> 

それは働いています。私はそれを把握することができません