Javascript图像插件

Question

完整的javascript新手点击这里。我试图使用medium-editor-insert-plugin将图像插入到我的文本中，但我不知道我在做什么。

我的评论表单看起来像这样(我在顶部丢弃了所有的脚本)：

<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    

没有给出错误，但什么也没有发生。

Answer 1

尝试：

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

Answer 2

我知道，这是一个有点老的问题，但是你解决问题了吗？

首先，我没有看到任何带有editable类的元素。也许<%= f.input :body %>使用editable类生成输入/文本区域，但第二件事是，MediumEditor应该附加到块(div)元素，而不是输入/文本区域。