kindeditor使用教程(php常用的富文本编辑器,ueditor和kindeditor)
序言:几乎所有的后台程序员在开发过程中都会遇到富文本编辑器,在后台文章详情上传、商品详情上传等等肯定是要用到富文本编辑器,那么哪几款富文本编辑器是程序员最喜爱的呢?这里我认为是ueditor和kindeditor。
ueditor又称百度编辑器

下载地址:
https://github.com/fex-team/ueditor/tree/dev-1.4.3
使用方法:
1、在head中引用所需js

2、定义元素<div></div>,声明id="editor"

3、在js中实例化刚才定义的容器,并且通过获取内容的方法获取所需的值,用于提交数据库

4、配置完之后就可以直接使用ueditor了,此版本是不需要配置图片上传的路径,点击图片上传直接就可以上传成功,如果没有反应或者上传失败可以检查保存文件的权限。
php语言的图片都会保存到upload下。

kindeditor,非常的轻巧简洁

下载地址:
http://kindeditor.net/down.php
使用方法:
1、在head中引用所需js,并进行实例化容器,还可以根据相关方法获取内容区域的值,用于保存到数据库中。

2、声明内容容器 name="content"

总结一下

我在开发过程中最常用到的就是这两款富文本编辑器,根据个人喜好来说我更喜欢kindeditor,因为默认情况下ueditor会存在<p>标签,但很多什么这并不是开发者所需要的,我也懒得去配置,除此之外百度编辑器虽然功能很多但显得能臃肿,而kindeditor相对来说就干净的多,只有在你设置相关属性的时候才会存在。