Problem when deleting image in Ck-Editor content using Safari

I am using ck-editor 4.6.2

for CMS.

I have a list of images in a panel (gray part of the image) and I want to drag and drop it into my ck-editor content (yellow part).

Drag the image from gray to yellow

This works fine on Chrome / Firefox, but not Safari. Safari crashes but no content is copied.

$(document).ready(function() {
    $('.inline-editable').attr('contenteditable', 'true');
    $('.inline-editable').each(function(index, elt) {
        var editorId = $(elt).attr('id');
        CKEDITOR.inline(editorId, {
            on: {
                drop: function (event) {

                    // I can see the alert, 
                    // so the drop occurs but it doesn't copy any content
                    alert('DROP');


                    // Without this : I only get the url as text in the editor
                    event.preventDefault();
                    event.stopPropagation();
                    return false;
                }
            }
        });
    });
});

      

I don't understand why Safari doesn't "remove" the HTML of my image, like Chrome / Firefox.

Is there a bug somewhere or did I forget to include this option?

Any idea that can help fix this problem?

+3
javascript jquery safari ckeditor drag-and-drop


source to share


No one has answered this question yet

Check out similar questions:

18
Safari 5.1 broke inline HTML drag and drop?
nine
drag and drop doesn't work in firefox
3
HTML5 drag and drop: drag and drop content is missing in Webkit browsers
3
Crossbrowser method to cancel drop event in edittable div content
2
Uploading multiple files Safari Content Length Getting 0 in uploadifive
2
jQuery drag and drop overflow content
1
Removing image inside WYSWYG editor in IE / Chrome?
0
jQuery owlCarousel drag and drop Firefox
0
Can't drag + drag anymore in firefox
0
How can I call reset and call a function in Safari



All Articles
Loading...
X
Show
Funny
Dev
Pics