tinymce获取删除图像的详细信息

我已经创建了一个插件来处理tinymce的图像上传。 这一切都很好。 我想要做的是从我的服务器中删除图像，如果它被用户删除，那么我最终不会得到孤立文件的演出。

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

  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); }); } }); 

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

我在这里为此创造了一个小提琴

如果您加载控制台并删除图像，您将看到我的意思。 我错过了一些事件的属性或方法吗？

提前致谢

Answer 1

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

所以在你的tinymce.init“setup”函数中：

 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. } } }); 

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