CKEditor與CKFinder的配置使用(一)
-
將CKEditor 與 CKFinder 的包含在項目中
從http://cksource.com網站上下載CKEditor與CKFinder,并將這兩個解壓的項目之下,里面的 samples文件夾中是示例,是不需要的可以將samples文件夾直接刪除
-
在需要富文本編輯器的頁面添加js引用
在需要富文本編輯器的頁面添加js引用,ckeidtor.js與ckfinder.js
-
初始化富文本編輯器
添加js腳本,將需要替換的文本框替換為ckeditor富文本編輯器,
第一句js腳本是將id為diaryContent的文本框替換為ckeditor編輯器,參數即為要代替的文本框的id值,第二句腳本則是設置ckfinder,將ckfinder集成到代替的id為diaryContent文本框的ckeditor編輯器,此腳本第二個參數為ckfinder的所在目錄
-
配置CKFinder
Ckfinder是一個無刷新上傳的工具,對于上傳,要有嚴格的權限控制,控制主要從兩方面來說:第一,不能任何人都可以上傳,只有獲得授權的人才能夠上傳;第二,不能什么文件都可以上傳,要對上傳的文件進行控制,不能讓用戶將可執行文件上傳到服務器,要對文件類型進行控制。
我使用的是asp.net版本的ckfinder,打開config.ascx,第一個方法是驗證授權的,看用戶是否有權限上傳文件,可以通過驗證 session,驗證用戶是否被授權,默認是return false;如果不加修改,直接使用在上傳時會報錯,沒有授權無法上傳,如果測試階段可以直接改為return true; 但發布的話最好要驗證權限,不要直接return true(我在這里驗證用戶是否已經登錄,如果登錄則返回true,否則返回false)
繼續往下面看在SetConfig()方法中設置的有一些上傳文件時的配置,比如說上傳文件保存的路徑,上傳文件類型的限制等,如果需要設置樣式則需要修改config.js文件
文章列表