holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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.

Browse Source
This commit is contained in:
Nathan Gray 2014-07-02 20:50:39 +00:00
parent 2b01b2aa50
commit 9ed54eb3fd
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
etemplate/js/et2_widget_htmlarea.js
View File

@ -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);
});
}
},