最新版的KindEditor,按照在线文档http://www.kindsoft.net/docs/usage.html试了一下,可以使用,但如果是自己建的文件,不在KindEditor所用的目录下,上传图片就出问题的,调试下。我将KindEditor解压在方案根目录下的editor目录下。
前台:
upload_json.ashx文件的修改:
测试用的文件文件夹为Timages
使用基本正常,就是上传文件(不是通过图片按钮)之后,在KindEditor的文件管理窗口中看不到,但文件确实已经上传到了指定的文件夹Timages下了。
补充:用KindEditor的文本框在用js处理的时候会出现会出现取不到值的情情况,解决办法是在用js调用前先将文本框的值写一下,$("#txtBoxName").val(editor.html());
前台:
<link href="editor/themes/default/default.css" rel="stylesheet" type="text/css" />
<link href="editor/plugins/code/prettify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" charset="utf-8" src="/editor/kindeditor.js"></script>
<script type="text/javascript" charset="utf-8" src="/editor/lang/zh_CN.js"></script>
<script type="text/javascript" charset="utf-8" src="../plugins/code/prettify.js"></script>
<script type="text/javascript">
KindEditor.ready(function (K) {
window.editor = K.create('#editor_id', {
cssPath: 'editor/plugins/code/prettify.css',
uploadJson: 'editor/asp.net/upload_json.ashx',
fileManagerJson: 'editor/asp.net/file_manager_json.ashx',
allowFileManager: true,
afterCreate: function () {
var self = this;
K.ctrl(document, 13, function () {
self.sync();
K('form[name=form1]')[0].submit();
});
K.ctrl(self.edit.doc, 13, function () {
self.sync();
K('form[name=form1]')[0].submit();
});
}
});
prettyPrint();
});
</script>
upload_json.ashx文件的修改:
//String aspxUrl = context.Request.Path.Substring(0,context.Request.Path.LastIndexOf("/") + 1);
String aspxUrl = "/";
//文件保存目录路径
//String savePath = "../attached/";
string savePath = context.Request.ApplicationPath + "Timages/";
//文件保存目录URL
//String saveUrl = aspxUrl + "../attached/";
String saveUrl = aspxUrl + "Timages/";
测试用的文件文件夹为Timages
使用基本正常,就是上传文件(不是通过图片按钮)之后,在KindEditor的文件管理窗口中看不到,但文件确实已经上传到了指定的文件夹Timages下了。
补充:用KindEditor的文本框在用js处理的时候会出现会出现取不到值的情情况,解决办法是在用js调用前先将文本框的值写一下,$("#txtBoxName").val(editor.html());