javascript - tinymce 获取删除图片的详细信息

Question

我已经创建了一个插件来处理 tinymce 的图像上传。这一切都很好。我希望能够做的是在图像被用户删除时从我的服务器中删除图像，这样我就不会得到大量的孤立文件。

我已经能够使用 tinymce init 的设置部分监听 nodechange envent

<script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
    selector: "textarea",
    plugins: "autoresize",

    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image jbimages",
    relative_urls: false,
        setup : function(ed) {
                    ed.on("NodeChange", function(e) {
        console.log('change event', e);
               });
}

});</script>

这给了我一个我可以在控制台中看到的事件，但我无法找到一种方法从事件中获取一些信息，告诉我已经执行了 img 删除，以便我可以从服务器中删除图像.

我在这里为此创建了一个 fiddle HERE

如果您加载控制台并删除图像，您就会明白我的意思。我是否缺少某些事件的属性或方法？

提前致谢

Answer 1

我试图做同样的事情，但经过大量互联网拖网和调试后，我看到实现此目的的唯一方法是观察编辑器在编辑器中选择图像时是否按下删除键或退格键。

因此在您的 tinymce.init“设置”函数中:

ed.on('KeyDown', function (e) {

    if ((e.keyCode == 8 || e.keyCode == 46) && editor.selection) { // delete & backspace keys

        var selectedNode = editor.selection.getNode(); // get the selected node (element) in the editor

        if (selectedNode && selectedNode.nodeName == 'IMG') {

            MyCallback(selectedNode.src); // A callback that will let me invoke the deletion of the image on the server if appropriate for the image source.
        }
    }
});

我在一个新插件中进行设置，然后将回调添加为该插件的设置之一。