检查图像是否在TinyMCE编辑器或TinyMCE的div中丢失

Question

是否有可能检测到TinyMCE中的变化？

我正在通过Drag n Drop在TinyMCE中添加图像。我已经使用Javascript实现了一个功能，以便在Drag n Drop的过程中更改图像URL。但在IE中 getData('text/html')不起作用。所以我想到的是，在图像的下降中，我使用修改后的url向tinyMCE添加了一个新的图像控件。

但现在的问题是，无论在哪里，图像都会被添加到TinyMCE中。我只想将图像添加到tinyMCE中，如果它被放入 TinyMCE 或 TinyMCE边界。

 $('[id*=dataListImages_Image2]').on({
                dragend: dragEndHandlerCustom
        });

var dragEndHandlerCustom = function (e) {
        var oldUrl = $($(this).outerHTML()).attr('src');
        // Modify the url
        var param1Modify = modifyUrlParam(oldUrl, 'maxWidth', 400);
        // Modify the url 
        var param2Modify = modifyUrlParam(param1Modify, 'maxHeight', 300);

        //add to tinyMCE an image control with new url
        var ed = tinyMCE.get('contentpage_0_content_0_txtAreaDetails');                // get editor instance
        var range = ed.selection.getRng();                  // get range
        var newNode = ed.getDoc().createElement("img");  // create img node
        newNode.src = param2Modify;                           // add src attribute
        range.insertNode(newNode);

        };