mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-26 16:48:49 +01:00
Drag & drop images don't work because of DB field sizes, so replace dropped images with error image so user knows right away it won't work.
This commit is contained in:
parent
2b01b2aa50
commit
9ed54eb3fd
@ -139,6 +139,7 @@ var et2_htmlarea = et2_inputWidget.extend(
|
||||
|
||||
if(this.ckeditor && this.options.config.preference_style)
|
||||
{
|
||||
var editor = this.ckeditor;
|
||||
this.ckeditor.on('instanceReady', function(e) {
|
||||
|
||||
// Add in user font preferences
|
||||
@ -161,6 +162,33 @@ var et2_htmlarea = et2_inputWidget.extend(
|
||||
range.collapse(true);
|
||||
range.select();
|
||||
});
|
||||
|
||||
// Drag & drop of images inline won't work, because of database
|
||||
// field sizes. For some reason FF ignored just changing the cursor
|
||||
// when dragging, so we replace dropped images with error icon.
|
||||
var replaceImgText = function(html) {
|
||||
var ret = html.replace( /<img[^>]*src="(data:.*;base64,.*?)"[^>]*>/gi, function( img, src ){
|
||||
return img.replace(src,egw.image('error'));
|
||||
});
|
||||
return ret;
|
||||
}
|
||||
|
||||
var chkImg = function() {
|
||||
// don't execute code if the editor is readOnly
|
||||
if (editor.readOnly)
|
||||
return;
|
||||
|
||||
setTimeout( function() {
|
||||
editor.document.$.body.innerHTML = replaceImgText(editor.document.$.body.innerHTML);
|
||||
},200);
|
||||
};
|
||||
|
||||
editor.on( 'contentDom', function() {
|
||||
// For Firefox
|
||||
editor.document.on('drop', chkImg);
|
||||
// For IE
|
||||
editor.document.getBody().on('drop', chkImg);
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
|
Loading…
Reference in New Issue
Block a user