2014-01-05 64 views
0

完整的javascript新手在這裏。我正在嘗試使用medium-editor-insert-plugin將圖像插入到我的文本中,但不知道我在做什麼。Javascript圖片插件

我的評論的形式看起來像這樣(我甩在上面所有的腳本):

<link rel="stylesheet" href="medium-editor/css/medium-editor.css"> 
<script src="medium-editor/js/medium-editor.min.js"></script> 
<script src="bower_components/jquery/jquery.min.js"></script> 

<link rel="stylesheet" href="medium-editor-insert-plugin/css/medium-editor-insert-plugin.css"> 
<script src="medium-editor-insert-plugin/js/medium-editor-insert-plugin.all.min.js"></script> 

<%= simple_form_for [@post, Comment.new] do |f| %> 

<%= f.input :body %> 

<% end %> 

和我comments.js.coffee看起來是這樣的:

$ -> 
    $(".editable").mediumInsert 
    editor: editor 
    images: true  

,不會出現錯誤但沒有任何反應。

+0

所以,在CoffeeScript中縮進實際上非常重要,而且你對此很感興趣。它很重要[** this much **](http://coffeescript.org/#try:%24%20-%3E%0A%20%24(%22.editable%22).mediumInsert%0A%20% 20editor%3A%20editor%0A%20%20%20images%3A%20true%0A 0A%%24%20-%3E%0A%20%24(%22.editable%22).mediumInsert%0A%20%20 %20editor%3A%20edito%0A%20%20%20images%3A%20true);你的版本幾乎肯定會產生一個關於缺少'編輯器'功能的錯誤。 – meagar

+0

不,我不這麼認爲;我複製並從js2coffee粘貼並使用它們的間距。 – user2759575

+0

我告訴你,你在這個問題上發佈的代碼是錯誤的,所以你要這樣做。 – meagar

回答

0

嘗試:

$ -> 
    var editor = new MediumEditor('.editable'); 
    $(".editable").mediumInsert 
    editor: editor 
    images: true 
+0

不,沒有變化。 – user2759575

+0

如何添加''中等編輯器腳本下方? (當然丟棄上面的答案) – BroiSatse

+0

嗯,沒什麼。 – user2759575

0

我知道,這是一個有點老問題,但是你解決這個問題?

首先,我沒有看到editable類的任何元素。也許<%= f.input :body %>產生與editable類輸入/文本區,但第二件事是,該媒體編輯器應附加到塊(div)元素,而不是input/textarea。