從標題來看我們知道Ckeditor不支持圖片上傳功能,它是需要一個組件Ckfinder才可以支持上傳圖片, 本文章就來詳細的介紹了如何配置Ckeditor Ckfinder實現圖片上傳的功能。
第一:安裝配置CKEditor
在擴展CKfinder實現圖片上傳之前,我們先把最基本的CKeditor編輯器安裝一下。
1.? 將下載的ckeditor_3.4.2.zip解壓,復制目錄下的ckeditor文件夾至所需目錄,如/admin/。
第一:安裝配置CKEditor ,可改/admin/ckeditor/ckeditor.js來配置編輯器,如字體、背景色、語言
、界面高寬、編輯器按鈕分布等
| ?代碼如下 | 復制代碼 |
| config.language = 'en'; config.skin = 'v2'; config.uiColor = '#AADC6E'; config.toolbar = 'Basic'; …. 2、官方的demo大多都喜歡用js配置editor區域,習慣寫textarea echo $contentarea; 頁面引用CKeditor,關鍵代碼如下 | ?代碼如下 | 復制代碼 | | 復制代碼 | session_start(); function CheckAuthentication(){ if(isset($_SESSION['UseEidtor'])) return true; else return? false; } 找到”$baseUrl”,這個變量定義了ckfinder文件上傳的目錄,將值設為”$baseurl=’../data /’, 文件上傳后程序他會在此目錄下自動建立相應的文件夾如image、flash等。 第三:整合,實現圖片上傳功能 1.? 在編輯器頁面頭部引用ckfinder.js文件,代碼如下: | ?代碼如下 | 復制代碼 | 下介紹兩調用方法一種php 最后就是使用ckfinder | ?代碼如下 | 復制代碼 | require_once ROOTPATH . "ckeditor/ckeditor.php"; require_once ROOTPATH . 'ckfinder/ckfinder.php' ; $CKEditor? = new? CKEditor(); $CKEditor->returnOutput = true; $CKEditor->basePath = '/ckeditor/'; CKFinder::SetupCKEditor($CKEditor, '/ckfinder/') ;//注意這里是相對路徑,相對于根目錄, 不能用絕對路徑 $contentarea =? $CKEditor->editor("content", $rs['contents']); 另一種js或html頁面的修改 | ?代碼如下 | 復制代碼 | CKEDITOR.replace( 'editor1', { filebrowserBrowseUrl : 'ckeditor/ckfinder/ckfinder.html', filebrowserImageBrowseUrl : 'ckeditor/ckfinder/ckfinder.html?Type=Images', filebrowserFlashBrowseUrl : 'ckeditor/ckfinder/ckfinder.html?Type=Flash', filebrowserUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php? command=QuickUpload&type=Files', filebrowserImageUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php? command=QuickUpload&type=Images', filebrowserFlashUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php? command=QuickUpload&type=Flash' }); 這樣就大功告成了,有想知道Ckeditor Ckfinder配置圖片上傳功能支持javascript html和php調用的朋友可以參考一下本教程 本站原創教程轉載注明來源:http://www.jquerycn.cn/phper/php.html |
|
|
|
|
總結
以上是生活随笔為你收集整理的ckfinder php 配置,PHP中Ckeditor Ckfinder配置图片上传功能的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。