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

【问题标题】：Get image name on delete in summernote editor在summernote编辑器中删除图像名称
【发布时间】：2017-12-07 02:33:41
【问题描述】：

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

我很难弄清楚如何使用 jQuery 在单击删除按钮时获取图像名称。

http://summernote.org/

【问题讨论】：

您可以为您的问题创建 jsfiddle 示例吗？
以上站点有编辑器作为演示。您可以添加图像，单击图像后会弹出一个带有工具选项的弹出窗口。我对删除按钮感兴趣。单击它时，我需要选择图像名称，以便将其发送到我的 PHP 脚本以从服务器中删除此图像。
有一个链接可以提供帮助github.com/summernote/summernote/issues/605
问题解决了吗？

标签： jquery summernote

【解决方案1】：

我 fork 了一个 Summernote Jsfiddle 示例。它可以工作here

你可以尝试使用summernote的onMediaDelete事件和$target.context.dataset.filename来获取即将删除的图片的文件名。

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

【讨论】：

我试过这段代码。好像有点过时了。首先，它需要回调：{ } 添加，而且我什至无法找到任何提及 onMediaDelete...summernote.org/deep-dive/#callbacks
您是否尝试将 jquery on("click") 事件添加到删除按钮然后调用 console.log($target[0].data("filename"))
@santa 我派生了一个summernote jsfidde 示例。它在这里工作=> jsfiddle.net/b4pjphj3
我的错，我把它放在初始化函数之外...谢谢你的帮助！