最近由於工作需要，一次性需要把所有的編輯器改進成ckeditor，不過這玩意沒有上傳功能，只好找到它的姐妹產品ckfinder。網上一查，才知道這兩東西合夥才有希望完成上傳等諸多功能。
由於之前都用fckeditor，突然使用ckeditor蠻不適應，不過fck由於有漏洞，也不敢用了，才知道原來fck是ck的前身。 幾經抓狂，花了半天時間終於搞定了。總結了以下心得：
config
.language='
en';config
.skin='
v2';config
.uicolor='
#aadc6e';
config
.*******='
basic';
....
2、官方的demo大多都喜歡用js配置editor區域，習慣寫php的我就嫌麻煩，只好看內建的php類。
require_once
rootpath."
ckeditor/ckeditor.php";
$ckeditor
=new
ckeditor();
$ckeditor
->
returnoutput
=true
;//設定輸出可用變數的情況
$ckeditor
->
basepath='
/ckeditor/';
//設定路徑
$contentarea
=$ckeditor
->
editor("
content",
$rs[
'contents'])
;//生成乙個以name為content的textarea
echo
$contentarea;
3、需要上傳了 ，只好加入ckfinder。把ckfinder和ckeditor放在同級目錄下。
開啟/ckfinder/config.php, 首先設定第乙個函式checkauthentication()，這個函式需要按照自己的規則寫，只要return true的情況才能允許上傳檔案到伺服器的，當然不建議直接寫return true，這將導致安全問題。可以採用session來處理比較方便。
session_start();
function
checkauthentication()
4、上傳檔案位置：也在/ckfinder/config.php, 找到$baseurl，之前一直想自己寫乙個方法用來定位路徑，實在不好辦，後來只好用sesssion，如果乙個**中，有需要上傳到不同的位置，正好可以利用session定位。if(
isset
($_session['
useeidtor
']))
}else
5、對於上傳檔名，ckfinder會按照原有的名字命名，中文的情況下可能會亂碼，所以建議使用日期重新命名。開啟/ckfinder/core/connector/php/php5/commandhandler/fileupload.php 找到< /p>
$sunsafefilename
=ckfinder_connector_utils_filesystem
::converttofilesystemencoding
(ckfinder_connector_utils_misc
::mbbasename
($uploadedfile['
name
']));
後面加上
$***tension
=ckfinder_connector_utils_filesystem
::getextension
($sunsafefilename);
$sunsafefilename
=date('
ymdhis')
.'.'
.$***tension;
6、 最後就是使用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'])
; 兩者配合用起來還是挺不錯的，更重要的原因是安全性高了很多。
在VUE中,關於CKEditor使用
官方文件 如下 classiceditor create document.queryselector editor then editor catch error 然後可以在console中使用 window.ckeditor translations檢視當前使用的語言 遵循iso 639 1 下...
使用ckeditor中存在的問題
1.引入js ckeditor ckeditor.js script 2.定義textarea test div 3.啟用控制項 1 第一種寫法 ckeditor.replace test 指定textarea的id 2 另一種寫法，可以設定一些屬性值 ckeditor.replace test 1...
富文字外掛程式ckeditor和kindeditor
cheditor外掛程式 1，引用js src resource js mtypt common ckeditor ckeditor.js 2.定義文字區域 3.在js裡面給textarea新增外掛程式 var editer ckeditor.replace content 4.富文字取值和賦值 v...