下载地址:KindEditor 官网
配置方法:
1、下载之后解压,我配置的是asp.net 的 ,所以就选了下面几个文件,attached 是默认上传图片的保存地址,examples 里面是Demo,把所选的文件放到工程里面。
2、在index.aspx 里面引用js 和css
<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
<link rel="stylesheet" href="kindeditor/plugins/code/prettify.css" />
<script charset="utf-8" src="kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script>
<script charset="utf-8" src="kindeditor/plugins/code/prettify.js"></script>
<script>
KindEditor.ready(function(K) {
var editor1 = K.create('#content', {
cssPath: 'kindeditor/plugins/code/prettify.css',
uploadJson: 'kindeditor/asp.net/upload_json.ashx',
fileManagerJson: 'kindeditor/asp.net/file_manager_json.ashx',
allowFileManager: true,
afterCreate: function() {
var self = this;
K.ctrl(document, 13, function() {
self.sync();
document.forms['example'].submit();
});
K.ctrl(self.edit.doc, 13, function() {
self.sync();
document.forms['example'].submit();
});
}
});
prettyPrint();
});
</script>
3、绑定控件
<div>
<asp:TextBox runat="server" ID="content" TextMode="MultiLine" Style="width: 700px;
height: 400px;"></asp:TextBox>
</div>
4、这样就可以测试了,如果不想让上传大图的保存在默认的文件夹里面,可以修改保存地址,在asp.net 文件夹下file_manager_json.ashx 和 upload_json.ashx 里面修改。