CKEditor與CKFinder的配置

2021-09-08 22:15:31 字數 1069 閱讀 2506

ckeditor與ckfinder的配置使用(一)

將ckeditor 與 ckfinder 的包含在專案中

在需要富文字編輯器的頁面新增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檔案

ckeditor與ckfinder組合配置

一 ckeditor 1.在需要新增編輯器的頁面引出ckeditor.js檔案 2.替換,即在裡面新增 class ckeditor 即可,不必replace什麼的,太麻煩 3.重新整理該頁面即可看到。二 ckfinder 1.不需要引入js檔案,但是需要在ckeditor的配置檔案進行ckfind...

CKEditor與unify模版樣式衝突

開發過程中記錄乙個小坑,坑了我倆小時。ckeditor初始化以後會自動建立乙個div,並新增屬性aria labelledby cke ckeditor arialbl 然而unify的css模板有一條樣式是 aria labelledby 最終導致初始化一點毛病沒有,但是透明看不到 我的解決辦法是...

CKEditor外掛程式編寫

4.外掛程式編寫流程和例項 1 在plugins目錄新建資料夾apage,在apage下新建檔案 plugin.js 內容如下 ckeditor.plugins.add apage 2 在 中加一項page,並在配置中宣告新增擴充套件外掛程式 config.extraplugins apage 有兩...