kindeditor控件实现文本编辑器使用详解(含代码)

Kindeditor控件在PHP 中使用方法详解

1、简介：

KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。主要特点：

快速：体积小，加载速度快

开源：开放源代码，高水平，高品质

底层：内置自定义 DOM 类库，精确操作 DOM

扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能

风格：修改编辑器风格非常容易，只需修改一个 CSS 文件

兼容：支持大部分主流浏览器，比如 IE、Firefox、Safari、Chrome、Opera

2、首先你需要去kindeditor官网下载目前最新版本的kindeditor文件包，官网：/down.php

3、下载后解压打开，会看见如图所示的文件夹

这里面包含有ASP、、JSP、php等文件夹，我们这里是在php中应用该控件，所以ASP、、JSP这三个文件夹是可以删除的，当然不删也无所谓

4、接下来将所有文件拷贝到你项目的根目录下，如图所示：

记得是拷贝到项目根目录下

5、新建一个test.php页面，在里面对kindeditor控件进行引用和配置

主要包含三部分1）引入css文件，2）定义一个textarea文本框用来显示控件，3）引入JavaScript文件，并且在HTML中嵌入一个js函数来调用控件

具体代码如下，本人自己测试通过：

</p><p>