Question

是否有人使用Summernote 0.8.8的代码有一个很好的例子，它将图像上传到服务器上的目录（而不是base64）？我尝试了一些较旧的发布结果（它们可能适用于旧版本的Summernote），但没有任何接缝可供我使用。我对Java不太满意，所以我不确定如何解决这个问题。

Summernote的网络示例

$('#summernote').summernote({
  callbacks: {
    onImageUpload: function(files) {
      $summernote.summernote('insertNode', imgNode);
    }
  }
});

$('#summernote').on('summernote.image.upload', function(we, files) {
$summernote.summernote('insertNode', imgNode);
});

但这不起作用，因为图像没有'上传'，它仍然在Base64中。这对我有用，因为它加载太慢。谢谢！

Answer 1

FOR SUMMERNOTE 0.88 +

我用这些CDN测试了它

StringBuilder values = new StringBuilder();

for (int i = 0; i < urls.size() - 1; i++) {
   values.append(getValue(path.getAsJsonArray(urls.get(i)), 0));
}

JAVASCRIPT

<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote.min.js"></script>

用于上传的PHP示例代码

<script>
    $(document).ready(function() {
        $('#summernote').summernote({
            height: "300px",
            dialogsInBody: true,
            callbacks: {
                onImageUpload: function(files) {
                    uploadFile(files[0]);
                }
            }
        });
    });

    function uploadFile(file) {
        data = new FormData();
        data.append("file", file);

        $.ajax({
            data: data,
            type: "POST",
            url: "upload_url_path", //replace with your url
            cache: false,
            contentType: false,
            processData: false,
            success: function(url) {
                $('#summernote').summernote("insertImage", url);
            }
        });
    }
</script>

https://summernote.org/deep-dive/#onimageupload

summernote 0.8.8 onimageupload示例

1 个答案: