2017-07-29 54 views
-1

我想为我的rails web使用summernote。我遵循这里提供的步骤https://github.com/summernote/summernote-rails/wiki/Image-File-Upload-to-Server但是使用summernote的文本区域不显示。 我使用红宝石2.4.0和rails 5.任何人都可以帮助我吗?感谢这么多Summernote不能在rails中工作

的Gemfile:

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 %> 

回答

0

在进口后您的application.js文件,你需要初始化summernote 。只是补充一点:

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

或者,如果你想在CoffeeScript中的代码,

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

您可以在创业板上市的文档中找到它。

如果您已经将此代码放入文件中,请更新您的问题。

0

感谢您的帮助。我已经把你的代码放到了application.js中,但它不起作用。然后,我把它像这样application.html.erb

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

它的工作。我找不出来