在ASP中 使用 kindeditor-4.1.4编辑器的详细教程

1、去官网下载最新版本：kindeditor-4.1.4编辑器 

下载地址：http://kindeditor.net/down.php

2、将下载的包放在网站根目录下面

4、配置文件图片上传目录，如果目录在UploadFile下



3、配置调用，官方已给出调用文档 asp/deom.asp里面



4、在自己的项目中使用：

<!-- 配置编辑器 -->
<link rel="stylesheet" href="../kindeditor-4.1.10/themes/default/default.css" />
<link rel="stylesheet" href="../kindeditor-4.1.10/plugins/code/prettify.css" />
<script charset="utf-8" src="../kindeditor-4.1.10/kindeditor.js"></script>
<script charset="utf-8" src="../kindeditor-4.1.10/lang/zh_CN.js"></script>
<script charset="utf-8" src="../kindeditor-4.1.10/plugins/code/prettify.js"></script>
<script>
KindEditor.ready(function(K) {
var editor1 = K.create('textarea[name="Content"]', {
cssPath : '../kindeditor-4.1.10/plugins/code/prettify.css',
uploadJson : '../kindeditor-4.1.10/asp/upload_json.asp',
fileManagerJson : '../kindeditor-4.1.10/asp/file_manager_json.asp',
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();
});
},afterBlur:function(){
this.sync();
}
});

var editor2 = K.create('textarea[name="Contentb"]', {
cssPath : '../kindeditor-4.1.10/plugins/code/prettify.css',
uploadJson : '../kindeditor-4.1.10/asp/upload_json.asp',
fileManagerJson : '../kindeditor-4.1.10/asp/file_manager_json.asp',
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();
});
},afterBlur:function(){
this.sync();
}
});

var editor3 = K.create('textarea[name="Contentc"]', {
cssPath : '../kindeditor-4.1.10/plugins/code/prettify.css',
uploadJson : '../kindeditor-4.1.10/asp/upload_json.asp',
fileManagerJson : '../kindeditor-4.1.10/asp/file_manager_json.asp',
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();
});
},afterBlur:function(){
this.sync();
}
});

prettyPrint();
});
</script>

//后台ASP文档

<!-- 编辑器字符过滤 -->

<%

Function htmlspecialchars(str)
str = Replace(str, "&", "&")
str = Replace(str, "<", "<")
str = Replace(str, ">", ">")
str = Replace(str, """", """)
htmlspecialchars = str

End Function

%>

<textarea name="Content" style="width:700px;height:400px;visibility:hidden;"><%=htmlspecialchars(htmlData)%></textarea>
<textarea name="Contentb" style="width:700px;height:400px;visibility:hidden;"><%=htmlspecialchars(htmlData)%></textarea>

<textarea name="Contentc" style="width:700px;height:400px;visibility:hidden;"><%=htmlspecialchars(htmlData)%></textarea>