PHP引入kindeditor富文本編輯器

　　運行的框架thinkph

　　3.2

　　Kindeditor版本

　　4.

　　1.

　　1.1

　　可以在官網下載最新版本Kindeditor是一個功能比較全面的所見即所得富文本編輯器，比較穩定。

　　缺點：官網不再更新

　　批量上傳圖片需要用到flash插件，在手機端兼容不是很好

　　下面我們看一下怎么引入Kindeditor編輯器

　　1.新建一個Kindeditor.html文件下面是前端代碼：

　　styletype=text/css

　　.ke-dialog{

　　top：120px！important;

　　}

　　/style

　　textareaid=[id]name=[id]class=form-controlkindeditorstyle=height：400px;width：100%;[value]/textarea

　　！--編輯器Kineditor--

　　scriptsrc=__LIB__/kindeditor/kindeditor.js/script

　　script

　　vareditor;

　　KindEditor.ready(function(K){

　　editor=K.create('textarea[name=[id]]'，{

　　basePath：'__LIB__/kindeditor/'，

　　bodyClass：'article-content'，

　　uploadJson：{：U('Upload/kingeditorupload')}，//文件提交地址

　　allowFileManager：false，

　　afterBlur：function(){this.sync();}，

　　pasteType：1，

　　urlType：'domain'，

　　filterMode：false，

　　newlineTag：'p'

　　});

　　});

　　/script

　　2.在其他頁面引入Kindeditor編輯器include是thinkph

　　3.2中的前端引入模塊的方法

　　！--加載編輯器的容器--

　　includefile=Public/kindeditorid=detailvalue={$model['detail']}/

• 后臺接受文件

　　*keditor編輯器上傳圖片處理

　　*/

　　publicfunctionkingeditorupload(){

　　$return=array('error'=0，'info'='上傳成功'，'data'='');

　　session('upload_error'，null);

　　//上傳配置

　　$setting=array(

　　'mimes'=''，//允許上傳的文件MiMe類型

　　'maxSize'=0，//上傳的文件大小限制(0-不做限制)

　　'exts'='jpg，gif，png，jpeg，zip，rar，pdf，word，xls'，//允許上傳的文件后綴

　　'autoSub'=true，//自動子目錄保存文件

　　'subName'=array('date'，'Y-m-d')，//子目錄創建方式，[0]-函數名，[1]-參數，多個參數使用數組

　　'rootPath'='.'，//保存根路徑這里必須為點

　　'savePath'='/Uploads/detail/'，//保存路徑

　　'saveName'=array('uniqid'，'')，//上傳文件命名規則，[0]-函數名，[1]-參數，多個參數使用數組

　　'saveExt'=''，//文件保存后綴，空則使用原后綴

　　'replace'=false，//存在同名是否覆蓋

　　'hash'=true，//是否生成hash編碼

　　'callback'=false，//檢測文件是否存在回調函數，如果存在返回文件信息數組

　　);

　　//上傳文件

　　$Model=D('Upload'，'Service');

　　foreach($settingas$k=$v){

　　$Model-setconfig($k，$v);

　　}

　　$info=$Model-upload('all');

　　if($info){

　　$url=$setting['rootPath'].$info['imgFile']['savepath'].$info['imgFile']['savename'];

　　//判斷是否為圖片根據傳值決定是否生成縮略圖

　　if(I('get.dir')I('get.thumbw')I('get.thumbh')in_array($info['imgFile']['ext']，array('jpg'，'gif'，'png'，'jpeg'))){

　　$url=$Model-thumb($info['imgFile']，I('get.thumbw')，I('get.thumbh'));

　　}

　　$url=str_replace('./'，'/'，$url);

　　$info['fullpath']=.$url;

　　}

　　session('upload_error'，$Model-getError());

　　//返回數據

　　if($info){

　　$return['url']=$info['fullpath'];

　　unset($return['info']，$return['data']);

　　}else{

　　$return['error']=1;

　　$return['message']=session('upload_error');

　　}

　　//返回JSON數據

　　exit(json_encode($return));

　　}

• 上傳圖片查看是否能上傳成功：

　　查看源碼圖片已經上傳到了程序目錄，引入成功。