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 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7563
15
1384
52
84
11
60
19
28
99
DirectX 복구 도구를 사용하는 방법은 무엇입니까? DirectX 복구 도구의 자세한 사용법
Mar 15, 2024 am 08:31 AM
DirectX 복구 도구는 현재 시스템의 DirectX 상태를 감지하는 전문 시스템 도구로, 이상이 발견되면 직접 복구할 수 있습니다. DirectX 복구 도구를 사용하는 방법을 모르는 사용자가 많을 수 있습니다. 아래의 자세한 튜토리얼을 살펴보겠습니다. 1. 수리 도구 소프트웨어를 사용하여 수리 감지를 수행합니다. 2. 복구가 완료된 후 C++ 구성 요소에 비정상적인 문제가 있다는 메시지가 나타나면 취소 버튼을 클릭한 후 도구 메뉴 표시줄을 클릭하세요. 3. 옵션 버튼을 클릭하고 확장을 선택한 후 확장 시작 버튼을 클릭합니다. 4. 확장이 완료된 후 다시 감지하여 수리합니다. 5. 복구 도구 작업을 완료한 후에도 문제가 여전히 해결되지 않으면 오류를 보고한 프로그램을 제거하고 다시 설치해 볼 수 있습니다.
C 언어 프로그래밍을 위한 필수 소프트웨어: 초보자에게 추천하는 좋은 도우미 5가지
Feb 20, 2024 pm 08:18 PM
C 언어는 프로그래밍의 기초이자 중요한 언어입니다. 초보자에게는 적절한 프로그래밍 소프트웨어를 선택하는 것이 매우 중요합니다. 시중에는 다양한 C 프로그래밍 소프트웨어 옵션이 있지만 초보자에게는 자신에게 적합한 것을 선택하는 것이 다소 혼란스러울 수 있습니다. 이 기사에서는 초보자가 빠르게 시작하고 프로그래밍 기술을 향상하는 데 도움이 되는 다섯 가지 C 언어 프로그래밍 소프트웨어를 추천합니다. Dev-C++Dev-C++는 특히 초보자에게 적합한 무료 오픈 소스 통합 개발 환경(IDE)입니다. 간단하고 사용하기 쉬운 통합 편집기,
HTTP 525 상태 코드 소개: 정의 및 적용 살펴보기
Feb 18, 2024 pm 10:12 PM
HTTP 525 상태 코드 소개: 정의 및 사용법 이해 HTTP(HypertextTransferProtocol) 525 상태 코드는 SSL 핸드셰이크 프로세스 중에 서버에 오류가 발생하여 보안 연결을 설정할 수 없음을 의미합니다. TLS(전송 계층 보안) 핸드셰이크 중에 오류가 발생하면 서버는 이 상태 코드를 반환합니다. 이 상태 코드는 서버 오류 범주에 속하며 일반적으로 서버 구성 또는 설정 문제를 나타냅니다. 클라이언트가 HTTPS를 통해 서버에 연결을 시도하면 서버에는 아무 것도 없습니다.
빠르게 복사하여 붙여넣는 방법 알아보기
Feb 18, 2024 pm 03:25 PM
복사-붙여넣기 단축키 사용 방법 복사-붙여넣기는 매일 컴퓨터를 사용할 때 자주 접하게 되는 작업입니다. 업무 효율을 높이기 위해서는 복사, 붙여넣기 단축키를 익히는 것이 매우 중요합니다. 이 기사에서는 독자가 복사 및 붙여넣기 작업을 보다 편리하게 수행할 수 있도록 일반적으로 사용되는 복사 및 붙여넣기 바로 가기 키를 소개합니다. 복사 단축키: Ctrl+CCtrl+C는 복사 단축키입니다. Ctrl 키를 누른 상태에서 C 키를 누르면 선택한 텍스트, 파일, 그림 등을 클립보드에 복사할 수 있습니다. 이 단축키를 사용하려면
바이두 넷디스크 사용법-바이두 넷디스크 사용법
Mar 04, 2024 pm 09:28 PM
아직도 Baidu Netdisk 사용법을 모르는 친구들이 많으므로 아래에서 편집자가 Baidu Netdisk 사용법을 설명해 드리겠습니다. 필요하신 분들은 서둘러서 살펴보시면 도움이 될 것입니다. 1단계: Baidu Netdisk를 설치한 후 직접 로그인합니다(그림 참조). 2단계: 그런 다음 페이지 프롬프트에 따라 "내 공유" 및 "전송 목록"을 선택합니다(그림 참조). 친구 공유"를 사용하면 사진과 파일을 친구들과 직접 공유할 수 있습니다(그림 참조). 4단계: 그런 다음 "공유"를 선택한 다음 컴퓨터 파일이나 네트워크 디스크 파일을 선택합니다(그림 참조). 다섯 번째 1단계: 그런 다음 친구를 찾을 수 있습니다(그림 참조). 6단계: "기능 보물 상자"(그림 참조)에서 필요한 기능을 찾을 수도 있습니다. 위 내용은 편집자의 의견입니다.
Go 언어 개발 도구 소개: 필수 도구 목록
Mar 29, 2024 pm 01:06 PM
제목: Go 언어 개발 도구 소개: 필수 도구 목록 Go 언어 개발 과정에서 적절한 개발 도구를 사용하면 개발 효율성과 코드 품질을 향상시킬 수 있습니다. 이 기사에서는 Go 언어 개발에 일반적으로 사용되는 몇 가지 필수 도구를 소개하고 독자가 해당 도구의 사용법과 기능을 보다 직관적으로 이해할 수 있도록 구체적인 코드 예제를 첨부합니다. 1.VisualStudioCodeVisualStudioCode는 풍부한 플러그인과 기능을 갖춘 가볍고 강력한 크로스 플랫폼 개발 도구입니다.
KMS 활성화 도구란 무엇입니까? KMS 활성화 도구를 사용하는 방법은 무엇입니까? KMS 활성화 도구를 사용하는 방법은 무엇입니까?
Mar 18, 2024 am 11:07 AM
KMS 정품 인증 도구는 Microsoft Windows 및 Office 제품을 정품 인증하는 데 사용되는 소프트웨어 도구입니다. KMS는 KeyManagementService의 약자로 키 관리 서비스입니다. KMS 정품 인증 도구는 컴퓨터가 가상 KMS 서버에 연결하여 Windows 및 Office 제품을 정품 인증할 수 있도록 KMS 서버의 기능을 시뮬레이션합니다. KMS 활성화 도구는 크기가 작고 기능이 강력합니다. 한 번의 클릭으로 영구적으로 활성화할 수 있으며, 인터넷에 연결하지 않고도 모든 버전의 Windows 시스템과 Office 소프트웨어를 활성화할 수 있습니다. 그리고 자주 업데이트되는 Windows 정품 인증 도구를 소개하겠습니다. KMS 정품 인증 작업을 소개하겠습니다.
팟플레이어 사용법 - 팟플레이어 사용법
Mar 04, 2024 pm 06:10 PM
팟플레이어는 매우 강력한 미디어 플레이어이지만, 아직도 많은 친구들이 팟플레이어 사용법을 모르고 있습니다. 오늘은 모든 분들께 도움이 되었으면 하는 마음으로 팟플레이어 사용법을 자세히 소개하겠습니다. 1. PotPlayer 단축키 PotPlayer 플레이어의 기본 공통 단축키는 다음과 같습니다. (1) 재생/일시 정지: 스페이스 (2) 볼륨: 마우스 휠, 상하 화살표 키 (3) 앞으로/뒤로: 왼쪽 및 오른쪽 화살표 키 (4) 북마크: P-북마크 추가, H-View 북마크 (5) 전체화면/복원: Enter (6) 속도: C-가속, 7) 이전/다음 프레임: D/
