1. 下载编辑器
下载 KindEditor 最新版本，下载之后打开 examples/index.html 就可以看到演示。
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>
运行后的页面效果：
