CKEditor ~ image upload

好久以前有做過ckeditor的上傳圖片功能

可是串接這個東西

我的硬像是那時候弄得很痛苦

不怎好弄就是.......

最近突然又遇到有這個需求


我不想又遭遇過去的痛苦經驗

於是突發奇想

想說可不可以結合我的及時上傳照片功能 再把圖片塞進去就好

經過survey

我的想法是可行der

而且這將大大減少我的痛苦 跟研究ckeditor新增傳照片功能的時間


做法就是用個jquery的ajax檔案upload功能

我是包了這個 jquery-fileupload.min.js

用這實作及時傳檔案功能

這東西在傳好圖的時候 可以自訂回傳的東西


再把這回傳的東西組成一個事件 讓她點了傳好的圖片就把這張圖片塞進CKeditor就好

例如這樣

function addImg(v) {
        CKEDITOR.instances.content.insertHtml('<img src="' + baseUrl + '/upload/news/' + v + '" />');

    }


如此就做好ckeditor即時傳圖的功能了

真的大大減少串接他傳圖plugin的工

囧rz....