ckeditor 設定上傳圖片方法- 藍色小舖 BlueShop

台灣最大程式設計社群網站

∣免費加入會員∣登入 ∣回首頁∣ 您好

線上人數
2940

會員總數：243667
討論主題：188258

登入

登出

歡迎您免費加入會員

討論區選單

開發工具

行動裝置開發

資料庫

多媒體 / 網管

綜合

文章區

討論區列表 >> PHP >> ckeditor 設定上傳圖片方法

[]

[我要回覆]

ckeditor 設定上傳圖片方法
價值 : 5 QP 點閱數:2414 回應數:5

樓主

町風

29	205
1888	197

發送站內信

我依照官方的教學
下載uploadimage plugin放置在plugins目錄
跟改了config.js檔
但是整個ckeditor就不會顯示了

1.Extract the downloaded plugin .zip into the plugins folder of your CKEditor installation. Example:
http://example.com/ckeditor/plugins/uploadimage
2.Enable the plugin by using the extraPlugins configuration setting. Example:
config.extraPlugins = 'uploadimage';
3.Download and configure all its dependencies, too.

ckeditor上傳DEMO
上傳圖片的插件fileupload
config檔設定說明

PS.可以拖曳上傳DEMO

搜尋相關Tags的文章： [ ckeditor ] ,
本篇文章發表於2015-10-06 17:50


別忘捐VP感謝幫助你的人	新手會員瞧一瞧

1樓回應浩瀚星空	那個只是給你掛入可上傳圖片的插件。但上傳用的控制url你還是得要去宣告。要不然還是不會動的。你這裏給的只是設定宣告而已。並沒看到控制url 本篇文章回覆於2015-10-07 08:47 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
2樓作者回應町風	感謝~ 不太明瞭控制url，是指這個方法嗎? 透過 CKEDITOR.config.filebrowserUploadUrl 指定上傳檔案處理的程式 Url 本篇文章回覆於2015-10-07 10:19 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
3樓回應浩瀚星空	你要製做上傳的php程式。有相關的套件可以使用。要不然就是寫一個處理用。你#2說的是對的。就是要指定一個url。該url就是要處理上傳圖片的動作。給你簡單的處理方式 ///////////// 圖片上傳處理的程式碼，這裏就自行處理，跟檔案上傳一樣 ///////////// $imgurl = "http://........"; //上傳完成後的圖片指定位置。要回傳給ckedit用的。 $funcNum = $_GET['CKEditorFuncNum']; //取得動作的ckedit //以下就是回傳給ckedit處理的 echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($funcNum, '$imgurl');</script>"; 不過你那個拖拉式的我沒用過，不確定是否可以這樣用，這是基本上傳式的。不能用的話就先試著用基本的。將基本的處理好再說。本篇文章回覆於2015-10-07 11:12 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
4樓作者回應町風	我不太懂整個運作流程下面這段是已經上傳完圖片，把圖片的URL丟到HTML編輯器裡嗎 window.parent.CKEDITOR.tools.callFunction($funcNum, '$imgurl'); 取得動作的ckedit，不太明瞭這個意思 $_GET['CKEditorFuncNum']; //取得動作的ckedit 本篇文章回覆於2015-10-08 14:52 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
5樓回應浩瀚星空	CKEditorFuncNum 是為了防止有兩個以上的ckeditor。所以每個ckedit其實都會有個代碼。會透過get傳送進來。你只要照發出去就好了。要不然會沒動作的。不過你的是不太一樣的。我不確定也是用同樣的指令處理喔本篇文章回覆於2015-10-14 19:06 == 簽名檔 == --未登入的會員無法查看對方簽名檔--

回覆

如要回應,請先登入.

1樓回應浩瀚星空	那個只是給你掛入可上傳圖片的插件。但上傳用的控制url你還是得要去宣告。要不然還是不會動的。你這裏給的只是設定宣告而已。並沒看到控制url 本篇文章回覆於2015-10-07 08:47 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
2樓作者回應町風	感謝~ 不太明瞭控制url，是指這個方法嗎? 透過 CKEDITOR.config.filebrowserUploadUrl 指定上傳檔案處理的程式 Url 本篇文章回覆於2015-10-07 10:19 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
3樓回應浩瀚星空	你要製做上傳的php程式。有相關的套件可以使用。要不然就是寫一個處理用。你#2說的是對的。就是要指定一個url。該url就是要處理上傳圖片的動作。給你簡單的處理方式 ///////////// 圖片上傳處理的程式碼，這裏就自行處理，跟檔案上傳一樣 ///////////// $imgurl = "http://........"; //上傳完成後的圖片指定位置。要回傳給ckedit用的。 $funcNum = $_GET['CKEditorFuncNum']; //取得動作的ckedit //以下就是回傳給ckedit處理的 echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($funcNum, '$imgurl');</script>"; 不過你那個拖拉式的我沒用過，不確定是否可以這樣用，這是基本上傳式的。不能用的話就先試著用基本的。將基本的處理好再說。本篇文章回覆於2015-10-07 11:12 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
4樓作者回應町風	我不太懂整個運作流程下面這段是已經上傳完圖片，把圖片的URL丟到HTML編輯器裡嗎 window.parent.CKEDITOR.tools.callFunction($funcNum, '$imgurl'); 取得動作的ckedit，不太明瞭這個意思 $_GET['CKEditorFuncNum']; //取得動作的ckedit 本篇文章回覆於2015-10-08 14:52 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
5樓回應浩瀚星空	CKEditorFuncNum 是為了防止有兩個以上的ckeditor。所以每個ckedit其實都會有個代碼。會透過get傳送進來。你只要照發出去就好了。要不然會沒動作的。不過你的是不太一樣的。我不確定也是用同樣的指令處理喔本篇文章回覆於2015-10-14 19:06 == 簽名檔 == --未登入的會員無法查看對方簽名檔--