http://www.roxyfileman.com/CKEditor-file-browser
檔案下載 filedownload
Integration blueimp fileupload in ckeditor
http://stackoverflow.com/questions/14013418/integration-blueimp-fileupload-in-ckeditor
https://github.com/blueimp/jQuery-File-Upload
-—–
檔案下載 file download
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 ，會自動做縮圖
http://www.dukaweb.net/2014/01/how-to-make-upload-image-in-ckeditor.html
In script tag, which we call CKEditor put one more code:
CKEDITOR.replace( ‘editor1’, {
filebrowserUploadUrl: “upload/upload.php”
} );
In upload.php
if (file_exists(“img/"; . $_FILES[“upload”][“name”]))
{
echo $_FILES[“upload”][“name”] . " already exists please choose another image.";
}
else
{
move_uploaded_file($_FILES[“upload”][“tmp_name”],
“img/” . $_FILES[“upload”][“name”]);
echo “Stored in: " . “img/” . $_FILES[“upload”][“name”];
}
If you get an error “image source url is missing“, that means the url of the image doesn’t pass to the image info tab, you can fix this error by adding the php code to pass the image url.
