Thinkphp编辑器扩展类kindeditor使用方法
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 文件夹下。
二， 对象的调用
在控制器方法中调用对象：
import("ORG.Net.Keditor");
$ke=new Keditor();
$ke->id="content";//指定textarea的id
$keshow=$ke->show();//生成js代码
$this->assign("keshow",$keshow);
$this->display();
在方法对应的模版文件中显示编辑器：
<html>
<head>{$keshow}</head><!--输出js，建议放在head-->
<body>
</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时显示浏览服务器图片功能（点击上传图片按钮可以看到此功能），定义方法如
$ke-> allowFileManager=ture;
注意，属性值为布尔值时不要放在引号中。
5，imageUploadJson指定上传图片的服务器端程序，默认值为 /index.php/Keditor/upload
6，fileManagerJson：指定浏览远程图片的服务器端程序，
默认值为/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”（一般是绝对地址），假设我们上传了一张图片，服务器端生成的图片名为 12345.gif。上传会显示的图片地址则为/Public/Upload/12345.gif ，因为我们使用的是绝对地址，所以编辑器发布的内容不管在网站的哪儿，图片都能正常显示。
允许上传的图片格式：定义一个数组，默认值为array('gif','jpg','jpeg','png','bmp')
允许的图片大小：默认值为,1000000 ，单位是bk。
2，filemanager，浏览服务器的图片。此方法在浏览图片处理过程中使用。使用方法：
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关键词。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
DirectX修復工具怎麼用？ DirectX修復工具詳細使用方法
Mar 15, 2024 am 08:31 AM
DirectX修復工具是專業的系統工具，主要功能是偵測目前系統的DirectX狀態，如果發現異常就可以直接修復。可能還有很多用戶不清楚DirectX修復工具怎麼用吧，以下就來看看詳細教學。 1、使用修復工具軟體進行修復檢測。 2、如果修復完成後提示C++元件有異常的問題，請點選取消按鈕，然後點選工具選單列。 3、點選選項按鈕，選擇擴展，點選開始擴展按鈕。 4、擴展完成後再重新進行檢測修復即可。 5、如果修復工具操作完成後仍未解決問題，可以嘗試卸載重新安裝報錯的程序。
HTTP 525狀態碼介紹：探究其定義與應用
Feb 18, 2024 pm 10:12 PM
HTTP525狀態碼簡介：了解其定義與使用方法HTTP（HypertextTransferProtocol）525狀態碼是指伺服器在SSL握手過程中發生錯誤，導致無法建立安全連線。在傳輸層安全性（TLS）握手期間發生錯誤時，伺服器將傳回此狀態碼。此狀態碼屬於伺服器錯誤類別，通常表示伺服器配置或設定問題。當客戶端嘗試透過HTTPS連接到伺服器時，伺服器無
C語言程式設計必備軟體：五個推薦給初學者的好幫手
Feb 20, 2024 pm 08:18 PM
C語言作為一門基礎而重要的程式語言，對於初學者來說，選擇合適的程式設計軟體是非常重要的。在市面上有許多不同的C語言程式設計軟體可供選擇，但對於初學者來說，適合自己的選擇可能有些困惑。本文將推薦給初學者的五個C語言程式設計軟體，幫助他們快速入門並提升程式設計能力。 Dev-C++Dev-C++是一款免費開源的整合開發環境（IDE），特別適合初學者使用。它簡單易用，整合了編輯器、
百度網盤怎麼用-百度網盤的使用方法
Mar 04, 2024 pm 09:28 PM
有很多朋友還不知道百度網盤怎麼用，所以下面小編就講解了百度網盤的使用方法，有需要的小伙伴趕緊來看一下吧，相信對大家一定會有所幫助哦。第一步：安裝好百度網盤後直接登入(如圖);第二步：接著可依頁面提示選擇「我的分享」與「傳輸清單」(如圖);第三步：在「好友分享」裡可以把圖片和檔案直接分享給好友(如圖所示);第四步：接著選擇「分享」後可勾選電腦檔案或是網盤檔案(如圖所示);第五步：然後就可以尋找好友(如圖所示);第六步：還可以在「功能寶箱」中尋找自己需要的功能(如圖所示)。上面就是小編為大
KMS啟動工具是什麼？ KMS啟動工具怎麼用？ KMS啟動工具使用方法？
Mar 18, 2024 am 11:07 AM
KMS啟動工具是一種用來啟動微軟Windows和Office產品的軟體工具。 KMS是KeyManagementService的縮寫，即金鑰管理服務。 KMS啟動工具透過模擬KMS伺服器的功能，使得電腦可以連接到這個虛擬的KMS伺服器，從而實現對Windows和Office產品的啟動。 KMS激活工具體積小巧，功能強大，可以一鍵永久激活，無需聯網狀態就可以激活任何版本的window系統和任何版本的Office軟體，是目前最成功的且經常更新的Windows激活工具，今天小編就跟大家介紹一下kms激活工
快速學會複製和貼上操作
Feb 18, 2024 pm 03:25 PM
複製貼上快捷鍵使用方法複製貼上是我們在日常使用電腦時經常會遇到的操作。為了提高工作效率，熟練複製貼上快捷鍵是非常重要的。本文將介紹一些常用的複製貼上快捷鍵使用方法，幫助讀者更方便地進行複製貼上操作。複製快速鍵：Ctrl+CCtrl+C是複製的快速鍵，按住Ctrl鍵然後再按C鍵，即可將選取的文字、檔案、圖片等內容複製到剪貼簿。要使用該快捷鍵，
如何使用快捷鍵合併儲存格
Feb 26, 2024 am 10:27 AM
合併儲存格的快速鍵怎麼用在日常工作中，我們常常需要對表格進行編輯和排版。而合併單元格是一種常見的操作，可以將相鄰的多個單元格合併為一個單元格，以提高表格的美觀程度和資訊展示效果。在MicrosoftExcel和GoogleSheets等主流的電子表格軟體中，合併儲存格的操作非常簡便，可以透過快速鍵來實現。以下將介紹在這兩個軟體中合併儲存格的快速鍵用法。在
Go語言開發工具介紹：必備工具一覽
Mar 29, 2024 pm 01:06 PM
標題：Go語言開發工具介紹：必備工具一覽在Go語言的開發過程中，使用適當的開發工具可以提高開發效率和程式碼品質。本文將介紹幾款在Go語言開發中常用的必備工具，並附上具體的程式碼範例，讓讀者更直觀地了解它們的使用方法和作用。 1.VisualStudioCodeVisualStudioCode是一款輕量級且功能強大的跨平台開發工具，具有豐富的插件和功能，
