无法将图像上传到Summernote编辑器

Question

我已经阅读了许多关于此主题的stackoverflow帖子和以前的summernote github问题，但似乎都是针对较旧的版本的，我无法使它正常工作。该图像可以很好地上传到服务器，但是无法将其附加到正在编辑的当前文本中。

我尝试了几种方法，但是都失败了。

我当前的代码如下：

$('#summernote').summernote({
  tabsize: 2,
    height: 200,
    callbacks: {
        onImageUpload: function(files, editor, welEditable) {
            sendFile(files[0], editor, welEditable);
        }
    }
});

function sendFile(file, editor, welEditable) {
            data = new FormData();
            data.append("file", file);
            $.ajax({
                data: data,
                type: "POST",
                url: "functions/file_upload.php",
                cache: false,
                contentType: false,
                processData: false,
                success: function(url) {
                    $('#summernote').summernote('insertImage',url);
                }
            });
        }

我总是得到错误

Uncaught TypeError: $(...).summernote is not a function

参考试图插入图像的最后一部分。

任何人都可以提供当前版本的有效示例吗？

Answer 1

您能以图书馆的形式尝试吗？>

<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js" defer></script>