1. 下载编辑器
下载 KindEditor 最新版本，下载之后打开 examples/index.html 就可以看到演示。
下载页面: http://www.kindsoft.net/down.php
2. 部署编辑器
解压 kindeditor-x.x.x.zip 文件，将所有文件上传到您的网站程序目录里，例如：http://您的域名/editor/
Note
您可以根据需求删除以下目录后上传到服务器。
- asp - ASP程序
- asp.net - ASP.NET程序
- php - PHP程序
- jsp - JSP程序
- examples - 演示文件
删除不要的文件夹后的效果：
3. 修改HTML页面
<head runat="server"> <title>KindEditor ASP.NET文本编辑器</title> <link href="themes/default/default.css" rel="stylesheet" type="text/css" /> <link href="plugins/code/prettify.css" rel="stylesheet" type="text/css" /> <script src="plugins/code/prettify.js" type="text/javascript"></script> <script src="kindeditor.js" type="text/javascript"></script> <script src="lang/zh_CN.js" type="text/javascript"></script> <script type="text/javascript"> KindEditor.ready(function (K) { var editor1 = K.create('#content1', { cssPath: 'plugins/code/prettify.css', uploadJson: 'asp.net/upload_json.ashx', fileManagerJson: 'asp.net/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(); K('form[name=example]')[0].submit(); }); } }); prettyPrint(); }); </script></head><body> <form id="form1" runat="server"> <textarea id="content1" cols="100" rows="8" style="700px;height:200px;visibility:hidden;" runat="server" enableviewstate="True"></textarea> </form></body> |
运行后的页面效果：
转载自http://www.cnblogs.com/jianglan/archive/2012/02/28/2371542.html