200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > kindeditor使用方法php 详细介绍如何使用kindEditor编辑器

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

时间:2018-10-21 02:52:54

相关推荐

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

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

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

一、下载

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

二、部署

将解压后的文件包kindeditor-4.1.10里的asp 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()方法来取值。

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。