Question

我希望有一个图片或div可以拖放到CKEditor 4.我怎样才能实现这个目标？

我的DOMElement具有图像的完整路径 - 假装它是具有src属性的。图像已被上传到服务器，因此我想要做的就是将图像的URL拖入CKEditor并插入带有scr集的图像标记。

我正在收听drop和paste事件，但我的数据总是空的......

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（无上传）

1 个答案: