2

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

我通过拖放在 TinyMCE 中添加图像。我已经使用 Javascript 实现了一个功能,可以在拖放过程中更改图像 URL。但在 IE getData('text/html')中不起作用。所以我想出的是,在删除图像时,我使用修改后的 url 向 tinyMCE 添加了一个新的图像控件。

但问题是现在图像被添加到 TinyMCE,无论它放在哪里。如果将图像放入TinyMCETinyMCE 边界,我只想将其添加到 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);

        };
4

0 回答 0