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

Kindeditor控件在PHP 中使用方法详解1、简介：KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。主要特点：快速：体积小，加载速度快开源：开放源代码，高水平，高品质底层：内置自定义 DOM 类库，精确操作 DOM扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能风格：修改编辑器风格非常容易，只需修改一个 CSS 文件兼容：支持大部分主流浏览器，比如 IE、Firefox、Safari、Chrome、Opera2、首先你需要去kindeditor官网下载目前最新版本的kindeditor文件包，官网：/down.php3、下载后解压打开，会看见如图所示的文件夹这里面包含有ASP、、JSP、php等文件夹，我们这里是在php中应用该控件，所以ASP、、JSP这三个文件夹是可以删除的，当然不删也无所谓4、接下来将所有文件拷贝到你项目的根目录下，如图所示：记得是拷贝到项目根目录下5、新建一个test.php页面，在里面对kindeditor控件进行引用和配置主要包含三部分1）引入css文件 ， 2）定义一个textarea文本框用来显示控件，3）引入JavaScript文件，并且在HTML中嵌入一个js函数来调用控件具体代码如下，本人自己测试通过：kindeditor控件使用 KindEditor.ready(function(K) /kindeditor控件调用 var editor1=K.create(textareaname=content,/name=form中textarea的name属性 cssPath : ././kindeditor/plugins/code/prettify.css, uploadJson : ././kindeditor/php/upload_json.php, fileManagerJson : ././kindeditor/php/file_manager_json.php, allowFileManager : true, afterCreate : function() var self = this; K.ctrl(document, 13, function() self.sync(); K(formname=myform)0.submit(); / name=form表单的name属性 ); K.ctrl(self.edit.doc, 13, function() self.sync(); K(formname=myform)0.submit(); / name=form表单的name属性 ); ); prettyPrint(); );效果图：5、如果你自己向改变控件显示的效果，打开kindeditor文件目录下的