Integration blueimp fileupload in ckeditor 實例範例
Integration blueimp fileupload in ckeditor
http://stackoverflow.com/questions/14013418/integration-blueimp-fileupload-in-ckeditor
https://github.com/blueimp/jQuery-File-Upload
-—–
1、index.php 是 建立ckeditor,主要是多一個function triggerUploadImages(url){
2、在ckeditor目錄下的config.js,補上網頁上的程式碼,要注意html : ' <iframe src= 需要給正確
2.1、index.html 是非常基本的,basic-plus.html是取jquery file uploder的範例來用,上傳完後,點選該圖或文字,就能會回傳
2.2、index.html 和 basic-plus.html兩支程式都有呼叫 parent.triggerUploadImages,把url傳回ckeditor
2.3、注意index.html的data-url=“server/php/” 路徑是否正確;basic-plus.html 這段
var url = window.location.hostname === ‘blueimp.github.io’ ?
‘//jquery-file-upload.appspot.com/’ : ‘server/php/’
路徑是否正確
基本上較麻煩的是,上傳完畢後,會回傳url,再送到CKEitor裡面。
圖片上傳在server/php/files ,會自動做縮圖