java - CKEditor Image Upload Not working using javascript -


i working in java , javascript, using ckeditor4.2 facing 1 issue while uploading image.

i have gone through following on stackoverflow @don jones

start registering custom browser/uploader when instantiate ckeditor. can designate different urls image browser vs. general file browser.

<script type="text/javascript"> ckeditor.replace('content', {     filebrowserbrowseurl : '/browser/browse/type/all',     filebrowseruploadurl : '/browser/upload/type/all',     filebrowserimagebrowseurl : '/browser/browse/type/image',     filebrowserimageuploadurl : '/browser/upload/type/image',     filebrowserwindowwidth  : 800,     filebrowserwindowheight : 500 }); </script>

your custom code receive parameter called ckeditorfuncnum. save - that's callback function. let's put $callback.

when selects file, run javascript inform ckeditor file selected:

window.opener.ckeditor.tools.callfunction(<?php echo $callback; ?>,url)

where "url" url of file picked. optional third parameter can text want displayed in standard alert dialog, such "illegal file" or something. set url empty string if third parameter error message.

ckeditor's "upload" tab submit file in field "upload" - in php, goes $_files['upload']. ckeditor wants server output complete javascript block:

$output = '<html><body><script type="text/javascript">window.parent.ckeditor.tools.callfunction('.$callback.', "'.$url.'","'.$msg.'");</script></body></html>'; echo $output;

again, need give callback parameter, url of file, , optionally message. if message empty string, nothing display; if message error, url should empty string.

now issue

i've followed instructions below, the server outputting javascript block above... problem ckeditor isn't doing it, text showing in upload tab, , not switching tabs , taking url... want image display in preview section. there config, or plugin callback need make sure enabled?

thanks please help

@ilia shakitko hey solution got here is.

use commonsmultipartfile getting uploaded file.then convert file bytes write bufferedoutputstream object.then upload server (s3 / own server) , write below code

url downloaded url

string url;            string script = "<script type='text/javascript'>"                          + " window.parent.ckeditor.tools.callfunction(1, '" + url + "', '');" + "</script>";            printwriter out = null;         try {             out = res.getwriter();         } catch (ioexception e) {             // todo auto-generated catch block             e.printstacktrace();         }           out.println(script);

Comments

Post a Comment

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

i'm looking dynamically populate select element names of items stored array. for reason it's not working , i'm not sure why. html: <div class="col-md-4 col-md-offset-4"> <select class="select1"> </select> , <select class="select2"> </select> </div> note i'm using bootstrap layout. here's jquery i'm using try , populate ".select1" jquery: select: function() { $.each(state.greens, function(index, value) { $(".select1").append("<option value =' " + index + " '>" + state.greens[index].name + "</option>"); }); } note function 'select' stored within object called 'display'. state.greens name of array i'm trying access. so @ end of html page call display.select(); call function. no error messages showing in console. also, saw question: appending
Read more

Android soft keyboard reverts to default keyboard on orientation change -

i'm building android soft keyboard , can't seem fix bug - have arabic , qwerty keyboard , when rotate device on qwerty keyboard (or arabic shift), it's if program has "restarted" , becomes arabic keyboard without shift. the onsaveinstancestate(bundle savedinstancestate) not work because application not extend activity inputmethodservice . i put following in android manifest android:configchanges="keyboard|keyboardhidden|orientation" android:windowsoftinputmode="stateunchanged|adjustresize"> i tried using @override public void onconfigurationchanged(configuration newconfig) { super.onconfigurationchanged(newconfig); log.i(mydebug, "config changed " + currentkeyboard.equals(qwerty)); } however, currentkeyboard.equals(qwerty)) results false , made sure true before orientation change. any appreciated. i think applications fault. if application restarting on orientation change
Read more

jquery - javascript onscroll fade same class but with different div -

i new @ javascript , want learn new. there wrong code : why div fades @ same time. i want ask how fade different div s same class name.can me , explain me. thanks in advance. javascript: $(window).scroll(function(){ if ($( "div.fade" ).offset().top - $(window).scrolltop() <= 100){ $('.fade').addclass( "fade-in"); } else { $('.fade').removeclass("fade-in"); } }); here jsfiddle onscroll = function () { var scrolltop = $(this).scrolltop() ; $("div.fade").each(function(){ if(($(this).offset().top - scrolltop) <= 100){ $(this).toggleclass("fade-in"); } }) }
Read more