Summernote紅寶石寶石不是形式工作（ROR）

我最近列入我的Gemfile的Summernote寶石，其中包括可以在.js和.css文件的所有必要的行（這裏http://rorlab.github.io/summernote-rails/發現說明資訊）Summernote紅寶石寶石不是形式工作（ROR）

我想用Summernote在我的配方數據庫中編輯我的「步驟」text_area。形式完美地工作，而不Summernote（見下圖）

然而，當我給你我的領域添加了「summernote」類，如下所示：

<%= f.text_field :steps, class: 'summernote', placeholder: "Add step", id: "add_steps" %>

我所示的summernote輸出，但我缺少文本輸入並且提交按鈕不起作用。

enter image description here

什麼想法？

在鏈接的說明中，我被告知要添加到recipe.js.coffee腳本中。我增加了以下內容：

summer_note = $('add_steps') 

summer_note.summernote 

height:300 
toolbar: [ 
      ['insert', ['picture', 'link']], // no insert buttons 
      ["table", ["table"]], 
      ["style", ["style"]], 
      ["fontsize", ["fontsize"]], 
      ["color", ["color"]], 
      ["style", ["bold", "italic", "underline", "clear"]], 
      ["para", ["ul", "ol", "paragraph"]], 
      ["height", ["height"]], 
      ["help", ["help"]] 
     ] 

summer_note.code summer_note.val() 


summer_note.closest('form').submit -> 
alert $('add_steps').code()[0] 
summer_note.val summer_note.code()[0] 
true

而且我的javascript在_step_form.html.erb文件是：

<script> 
$(document).ready(function() { 
    $('.summernote').summernote({ 
    toolbar: [ 
    //['style', ['style']], // no style button 
    ['style', ['bold', 'italic', 'underline', 'clear']], 
    ['fontsize', ['fontsize']], 
    ['color', ['color']], 
    ['para', ['ul', 'ol', 'paragraph']], 
    ['height', ['height']], 
    //['insert', ['picture', 'link']], // no insert buttons 
    //['table', ['table']], // no table button 
    //['help', ['help']] //no help button 
    ] 
}); 
}); 
</script>

我是一個新手，以回報率，所以任何幫助表示讚賞！謝謝。請讓我知道如果我失去了一些東西。

來源

2013-12-19 MikeHolford

您需要爲「add_steps」ID添加hashtag。

也就是說，這個選擇改變：

summer_note = $('add_steps')

這樣：

summer_note = $('#add_steps')

來源

2013-12-19 18:02:50 Anchor

感謝您的，但它仍然似乎並不想工作。文本實際上在文本編輯器中像現在的第一個圖像一樣顯示，但如果我做任何更改，提交按鈕似乎不起作用。嗯 – MikeHolford

Summernote紅寶石寶石不是形式工作（ROR）

回答

相關問題