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

Kindeditor控件在PHP 中使用方法详解 1、简介： KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。?主要特点?快速：体积小，加载速度快?????开源：开放源代码，高水平，高品质?????底层：内置自定义 DOM 类库，精确操作 DOM?????扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能?????风格：修改编辑器风格非常容易，只需修改一个 CSS 文件?????兼容：支持大部分主流浏览器，比如 IE、Firefox、Safari、Chrome、Opera/down.php 3、下载后解压打开，会看见如图所示的文件夹 这里面包含有ASP、、JSP、php等文件夹，我们这里是在php中应用该控件，所以ASP、、JSP这三个文件夹是可以删除的，当然不删也无所谓 4、接下来将所有文件拷贝到你项目的根目录下，如图所示： 记得是拷贝到项目根目录下 5、新建一个test.php页面，在里面对kindeditor控件进行引用和配置 主要包含三部分1）引入css文件 ， 2）定义一个textarea文本框用来显示控件，3）引入JavaScript文件，并且在HTML中嵌入一个js函数来调用控件 具体代码如下，本人自己测试通过： !doctype html html xmlns=/1999/xhtml head meta charset=UTF-8 titlekindeditor控件使用/title !-- 在这里引入css文件 -- link rel=stylesheet href=kindeditor/themes/default/default.css / link rel=stylesheet href=kindeditor/plugins/code/prettify.css / /head body form action=Diary.php name=myform method=post textarea name=content style=width:930px; height:630px; margin-top:50px; /textarea /form /div !-- 在这里引入JavaScript文件，这些文件都是你下载控件里面的文件，直接引用即可，注意路径一定要正确 -- script charset=utf-8 src=kindeditor/kindeditor.js/script script charset=utf-8 src=kindeditor/lang/zh_CN.js/script script charset=utf-8 src=kindeditor/plugins/code/prettify.js/script script KindEditor.ready(function(K) {//kindeditor控件调用 var editor1=K.create(textarea[name=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(form[name=myform])[0].submit(); // name=form表单的name属性 });