2014-01-05 62 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。