kindeditor使用方法php,详细介绍如何使用kindEditor编辑器

news/2025/2/14 7:20:50/

kindEditor编辑器是一个由JS写成的在线编辑器,很多网站或CMS等都有用它,口碑不错,目前最新版本是4.1.10。

其实它的用法非常简单,我是在下载了它的安装包后看了一些demo然后就把它放到PHP啦的后台上去了。好了教程正式开始

一、下载

下载最新版本的kindEditor(官方网站kindeditor.net),下载后打开examples/index.html 就可以看到一排例子。

二、部署

将解压后的文件包kindeditor-4.1.10里的asp asp.net jsp php这几个带有服务端脚本的文件夹删除,然后上传到你网站的相应目录中,在这里我假设放到了plugin目录。

三、嵌入

在需要加入编辑器的页面的HTML中倒入

1

2

3

然后添加一个输入框

1

最后在加入一段JS

1KindEditor.ready(function(K) {

2window.editor = K.create('#editor_id',{

3cssPath:'/public/plugin/editor/plugins/code/prettify.css',

4uploadJson:'/upload/image.php',

5resizeType :1,

6allowPreviewEmoticons :true,

7allowImageUpload :true,

8});

9});

好了。到这里你应该已经可以看页面上的编辑器了。

这里我还要说的一点是  K.create的第一个参数就是前面textarea的ID,后面跟的JSON格式的数据保护了该编辑器的很多功能。比如我代码上写的

cssPath是代码样式表,uploadJson是编辑器的图片上传组件的上传地址。

说到上传地址,大家应该还记的在上传服务器之前我叫大家先删掉的几个文件夹吧,选择你的网站的开发语言的目录你可以看到如PHP目录下的upload_json.php文件,它里面主要写了接受图片上传的方法,大家可以改改自己用。后台部分的东西这里就不细讲了。

四、取值

编辑器嵌入完成后我们如何取值呢?其实它的包里也有例字,那就是  用editor.html()方法来取值。

好了主要的用法介绍完了,它还有很多不常用功能,我就不说了,多看看例子我相信大家都会用的。


http://www.ppmy.cn/news/160464.html

相关文章

联想旭日F31XP驱动

声卡驱动: [url]http://211.100.43.194/DriverFilesUploadFloder/notebook//2007121113344698023/F31_XP_Audio.exe[/url] 蓝牙驱动: [url]http://211.100.43.194/DriverFilesUploadFloder/notebook//2007121113494977445/F31_XP_BlueTooth.exe[/url] 摄…

联想F31笔记本配置分析

引进了ThinkPad之后,联想笔记本的制作工艺确实有了大幅提升,而且外观设计也越来越简约实用,通俗地说就是很“大气”。 前一段时间一直关注了一段F41系列的笔记本,但当时预算不够,只好买了ThinkPadR60暂为代替。…

联想笔记本f31 WinXP后找不到无线信号

联想笔记本f31winxp,发现点击右下角的无线网络图标后,弹出来的界面里搜索不到无线信号,再次点击刷新,依然无用。 如图: 无线网络连接界面 如果无线接收正常,那么上图中的列表里应该会列出本机能搜索到的无线…

联想F31,老机换新颜--Win8.1安装手记

今天,一个断断续续延续一年多的项目终于结束了!终于结束了! 由于项目涉及的数据资料太多,阶段数据动辄几十或上百GB,涉及工具较多,且项目时间紧迫,即使系统出了问题(开机慢&#xff…

解决光学鼠标(光电鼠标)漂移问题.2021-10-08

可能是光线检测的地方被干扰造成的,解决办法: 1.换一个高反光(或低反光),且反光均匀的鼠标垫.红外光电用红色鼠标垫敏感度较高,不同鼠标变现存在差异 2.清除透镜上的灰尘 3.清除内部感光块上的灰尘 4.有线设备避免电缆缠绕造成的感应电,静电干扰 5.无线设备检查电池电量 …

远程鼠标,键盘,云鼠标

远程控制的wifi鼠标和键盘!主控芯片为乐鑫科技的esp32S2,wifi联网,模拟USB鼠标键盘,利用手机app通过云端服务器对其进行操作,实现鼠标移动,单击,双击,拖动,左滑&#xff…

Logitech鼠标m337型号摔落后鼠标左右键失灵的解决办法

如图: 1.用你的指甲伸进图中红色区域, 2.像撬螃蟹壳那样使力气(不需要很用力),把这个地方撬开一个缝(大约1-2mm左右) !!!!!注意不要…

rk3399 typec鼠标及滑鼠问题

检查dts配置发现&usbdrd_dwc3_0 配置为host模式,但硬件上配置是otg模式,将&usbdrd_dwc3_0配置更改为otg模式。 arch/arm64/boot/dts/rockchip/rk3399-box.dtsi&usbdrd_dwc3_0 {dr_mode "otg";status "okay";}; 查看中…