KindEditor文本编辑器.docVIP

ASP.NET配置KindEditor文本编辑器 时间:2012-06-16 10:23来源:/ForEvErNoME 作者:ForEvErNoME 点击:1116次HYPERLINK /member/article_add.php我要投稿HYPERLINK http://9/webhosting/ 高质量的ASP.NET空间，完美支持1.0/2.0/3.5/4.0/MVC等 之前一直使用HYPERLINK /downloadCKEditor和HYPERLINK /downloadCKFinder结合的文本编辑器，偶然机会看到KindEditor，感觉界面挺好看的，示例代码比较多，API文档内容清晰简单，于是下载尝试用下。 1.什么是KindEditor KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。 2.前期准备 到官网下载最新版的HYPERLINK /down.phpKindEditor 4.11，解压文件后可得 文件结构： asp：与asp结合的示例代码 ：与结合的示例代码 attached：上传文件的根目录，可在相关的代码中修改 examples：功能演示的示例代码 jsp：与jsp结合的示例代码 lang：语言包 php：与php结合的示例代码 plugins：控件的功能代码的实现 kindeditor.js：配置文件 kindeditor-min.js：集成文件 由于使用的是ASP.NET，所以将不需要的文件夹删掉。其中在中demo.aspx是参考代码，也可以删掉。 3.配置KindEditor （1）新建网站，将精简后的kindeditor文件夹放到网站根目录下下，并且引用kindeditor//bin/LitJSON.dll文件。 （2）新建index.aspx文件，引入相关文件 link href=kindeditor/plugins/code/prettify.css rel=stylesheet type=text/css / script src=kindeditor/lang/zh_CN.js type=text/javascript/script script src=kindeditor/kindeditor.js type=text/javascript/script script src=kindeditor/plugins/code/prettify.js type=text/javascript/script script type=text/javascript KindEditor.ready(function (K) { var editor = K.create(#content, { //上传管理 uploadJson: kindeditor//upload_json.ashx, //文件管理 fileManagerJson: kindeditor//file_manager_json.ashx, allowFileManager: true, //设置编辑器创建后执行的回调函数 afterCreate: function () { var self = this; K.ctrl(document, 13, function () { self.sync(); K(form[name=example])[0].submit(); }); K.ctrl(self.edit.doc, 13, function () { self.sync();