Перетащите изображение в CKEditor 4 (без загрузки)

Я хотел бы иметь изображение или элемент div, который я мог бы перетаскивать в CKEditor 4. Как мне этого добиться?

У моего DOMElement есть полный путь к изображению — представьте, что это с атрибутом src. Изображение уже загружено на сервер, поэтому все, что я хочу сделать, это получить URL-адрес изображения, перетаскиваемого в CKEditor, и вставить тег изображения с установленным 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);
        });

    });

Любые идеи?


ckeditor4.x
person pookie    schedule 20.07.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Правильно, получается, что:

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

это ответ, но если это не сработает сначала, попробуйте поставить overflow:auto; на другом элементе.

person pookie    schedule 20.07.2015