将图像拖入 CKEditor 4（无需上传）

Question

我想要一个可以拖放到 CKEditor 4 中的图像或 div。我该如何实现？

我的 DOMElement 具有图像的完整路径 - 假设它是一个具有 src 属性的图像。图像已经上传到服务器，所以我想做的就是获取被拖动到 CKEditor 中的图像的 URL 并插入带有 scr 集的图像标签。

我正在监听拖放和粘贴事件，但我的数据始终为空...

CKEDITOR.on('instanceCreated', function (e) {
        e.editor.on('paste', function (event) {

            event.stop();

            var data = event.data.dataValue;

            if (window.chrome || window.safari) {
                // removing span wrapper on webkit browsers.
                data = $(data).html();
            }

            //This is always empty...
            console.log(event.editor.getData());

            event.editor.insertHtml(data);

        });

        e.editor.on('drop', function (ev) {
            console.log("drop", ev);
        });

    });

有什么想法吗？

Answer 1

对，结果是：

$('.foo').draggable({
    helper: "clone"
});

是答案，但如果一开始不起作用，请尝试将 overflow:auto;在另一个元素上。

将图像拖入 CKEditor 4（无需上传）

Drag image into CKEditor 4 (NO upload)

ckeditor4.x