Thinkphp编辑器扩展类kindeditor用法
一,?使用前的準備。
使用前請確認你已經建立好了一個Thinkphp站點項目。
1,Keditor.class.php和JSON.class.php?是編輯器擴展類文件,將他們拷貝到你的站點項目的ThinkPHP\Lib\ORG\Net?目錄下。
2,editor目錄是kindeditor的核心包。將其拷貝到你項目的Public目錄下(和入口文件同級的那個Public),并在Public下再建立一個Upload目錄。用于存放使用編輯器上傳的圖片。
3,KeditorAction.class.php是編輯器的上傳圖片功能和瀏覽遠程圖片功能,將其拷貝到你項目的lib\Action?目錄下。
二,?對象的調用
在控制器方法中調用對象:
在方法相應的模版文件里顯示編輯器: <html> <head>{$keshow}</head><!--輸出js。建議放在head--> <body> <form id="form1" name="form1" method="post" action=""> <textarea name="content" id="content" cols="70" rows="20"><!-文本域。id為content--> </textarea> <input name="img" id="img" type="hidden" value="" /><!--隱藏域存儲編輯器上傳的圖片地址,id為img--> </form> </body> </html>
上面的是最簡單的調用方法,擴展類還有非常多屬性和方法。要想實現更完美的功能,接著往下讀。
三,?對象的屬性
???我把屬性分為兩種。一種是kindeditor自帶屬性,一種是擴展新增屬性。假設你曾經就使用過kindeditor,你應該知道kindeditor自身有id、items、width、height、afterCreate等等30個屬性。這些屬性如今能夠用過php直接定義,比方定義id:$ke->id=”content”,定義寬度:$ke->width=”700px”;?我先說對象新增屬性。
對象的新增屬性:
1。jspath:定義kindeditor的核心js文件。默認值為/Public/editor/kindeditor.js?,假設你的editor目錄沒有放在Publib下須要指定此屬性,如$ke->jspath=”/kind/?kindeditor.js”;
2,form:指定提交的表單(from)的id。默覺得form1,這個屬性是結合ctrl+enter提交功能使用的。比方有個你的編輯器放在表單id為?“formid”內,要實現ctrl+enter提交formid表單。須要定義$ke->form=”formid”?。
??ctrl+enter提交功能還要設置其它屬性。后面再解說。
3。imgid:指定存放圖片地址的隱藏域id。默覺得img。
編輯器每上傳一張圖片。會把圖片地址存儲到該隱藏域。在向數據庫加入數據時,能夠把此隱藏域中的數據也保存到數據庫字段中。在刪除數據時候。先讀取數據庫存放的圖片地址,進行刪除。刪除過程僅僅要調用對象的delimg方法就可以。此方法后面具體解釋。這樣就達到刪除內容同一時候刪除圖片的目的。
自帶屬性:
1,items:配置編輯器的工具欄,定義方法如
$ke->items=”['source',?'|',?'fullscreen',?'undo',?'redo',?'print',?'cut',?'copy',?'paste']”;?
我添加了little關鍵詞,能夠高速定義一個精簡模型的編輯器。用法$ke->items=”little”;
2,afterCreate:設置編輯器創建后運行的回調函數,定義方法如
$ke->afterCreate=”function(id){
alert(‘成功創建’+id)
}”;
我添加了ctrlenter關鍵詞,能夠高速定義ctrl+enter提交表單,用法:
$ke->afterCreate=”ctrlenter”;
同一時候須要定義$ke->form=”formname”,?formname換為你編輯器所在的表單id。
3。resizeMode:2或1或0,2時能夠拖動改變寬度和高度。1時僅僅能改變高度。0時不能拖動。定義方法如:$ke->resizeMode=1;?注意,數字類型的屬性值不要放在引號中,如$ke->resizeMode=”1”;這么定義是錯誤的。
4,allowFileManager:true或false,true時顯示瀏覽server圖片功能(點擊上傳圖片button能夠看到此功能)。定義方法如
$ke->?allowFileManager=ture;
注意,屬性值為布爾值時不要放在引號中。
5,imageUploadJson指定上傳圖片的server端程序,默認值為?/index.php/Keditor/upload
6。fileManagerJson:指定瀏覽遠程圖片的server端程序,
默認值為/index.php/Keditor/filemanager?
注:之前你復制過的KeditorAction.class.php就是供上傳圖片和瀏覽遠程圖片使用的。文件內的upload方法定義了上傳圖片處理過程,文件內的filemanager方法定義了瀏覽圖片的處理過程。你能夠在這兩個方法上增加推斷權限的代碼,實現僅僅有管理員才干上傳圖片或瀏覽圖片。你也能夠不使用默認的KeditorAction.class.php,自定義上傳處理過程和瀏覽圖片處理過程。則是你須要又一次定義imageUploadJson屬性值和fileManagerJson屬性值。?自定義處理過程,后面具體解釋。
還有其它自帶屬性。我就不一一列舉了。大家能夠查看kindeditor官方文檔
http://www.kindsoft.net/doc.php?cmd=config
注意。數字類型或布爾類型的屬性值,不要放在引號內。其它屬性值放在引號中,屬性值的格式和kindeditor自身格式一樣。
四 對象的方法。
1。upload。上傳圖片。
此方法在編輯器上傳圖片處理過程中使用,用法:
import("ORG.Net.Keditor"); Keditor::upload('./Public/Upload/','/Public/Upload/',array('gif','jpg','jpeg','png','bmp'),1000000);?upload方法有三個參數。依次是。“上傳圖片文件夾”,“圖片顯示地址”,“同意上傳圖片格式”,“同意的圖片大小(單位kb)”
上傳圖片文件夾:默認值“./Public/Upload/”(注意Public前面有個“點”符號。是使用的相對地址,不可使用絕對地址),上傳圖片文件夾地址是相當于處理文件的。Thinkphp全部的代碼都是通過入口文件執行的,所以這個地址事實上是相對于入口文件的。
顯示圖片地址:默認值“/Public/Upload”(通常是絕對地址)。如果我們上傳了一張圖片。server端生成的圖片名為?12345.gif。上傳會顯示的圖片地址則為/Public/Upload/12345.gif?,由于我們使用的是絕對地址,所以編輯器公布的內容無論在站點的哪兒,圖片都能正常顯示。
同意上傳的圖片格式:定義一個數組。默認值為array('gif','jpg','jpeg','png','bmp')
同意的圖片大小:默認值為,1000000?。單位是bk。
2,filemanager。瀏覽server的圖片。此方法在瀏覽圖片處理過程中使用。用法: import("ORG.Net.Keditor"); Keditor::filemanager("./Public/Upload/","/Public/Upload/",array('gif','jpg','jpeg', 'png', 'bmp'));
參數依次是:“瀏覽圖片文件夾”,“圖片顯示地址”,“同意瀏覽的圖片格式”,和upload方法一樣,瀏覽圖片文件夾是相對地址。圖片顯示地址是認為地址。
3,delimg:刪除通過編輯器上傳的圖片。此方法一般在你刪除數據庫數據時使用。 import("ORG.Net.Keditor"); Keditor::delimg($imgfield); //$imgfield 通常是你數據庫存放圖片地址的字段。
4,show:返回生成的js代碼。此方法一般在顯示編輯器的控制器中使用。
show方法能夠使用一個參數定義kindeditor自帶屬性。
如:
import("ORG.Net.Keditor"); $ke=new Keditor(); $ke->show(“{ id : ”content”, width: ‘700px’; height : ”300px”; imgid : ”img” }”);
不建議用show傳參方式定義kindeditor屬性。show傳參方式不能定義jspath和form兩個新站屬性。也不能使用little和ctrlenter關鍵詞。
轉載于:https://www.cnblogs.com/bhlsheji/p/5066604.html
總結
以上是生活随笔為你收集整理的Thinkphp编辑器扩展类kindeditor用法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Python爬虫自学之第(①)篇——爬虫
- 下一篇: account.php,account.