在summernote编辑器中删除图像名称

我添加了WYSWYG编辑器sumernote并更改了设置以将上传的图像存储在我的服务器上。默认情况下，编辑器似乎base64编码图像存储在数据库。现在我可以上传图片了，当图片从帖子中删除时，我需要能够将其删除。在summernote编辑器中删除图像名称

我有最困难的时间搞清楚如何获取图像名称删除按钮点击jQuery。

http://summernote.org/

来源

2017-07-03 santa

你能为你的问题创建jsfiddle例子吗？ – hasan

上面的网站有编辑器作为演示。你可以添加一个图片，点击图片后会弹出一个带有工具选项的弹出窗口。我对删除按钮感兴趣。当它被点击时，我需要选择图像名称以便将其发送到我的PHP脚本以从服务器删除此图像。 – santa

有一个链接可以帮助https://github.com/summernote/summernote/issues/605 – hasan

我分叉的summernote的jsfiddle例子之一。它的工作原理here

您可以尝试使用summernote的onMediaDelete事件和$target.context.dataset.filename来获取要删除的图像的文件名。

$(".summernote").summernote({ 
    onMediaDelete : function($target, editor, $editable) { 
     alert($target.context.dataset.filename);   
     $target.remove(); 
    } 
})

来源

2017-07-03 19:18:12 hasan

我试过这段代码。它似乎已经过时了一点。首先，它需要回调：{}添加，我也无法找到任何提及onMediaDelete ... http://summernote.org/deep-dive/#callbacks – santa

你尝试添加jquery（“点击“）事件删除按钮，然后调用console.log（$ target [0] .data（”filename“）） – hasan

@santa我分叉了一个summernote jsfidde的例子。它在这里工作=> https://jsfiddle.net/b4pjphj3/ – hasan

在summernote编辑器中删除图像名称

回答

相关问题