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="width:700px;height:200px;visibility:hidden;" runat="server"
enableviewstate="True"></textarea>
</form>
</body>
運行后的頁面效果：
