mvc 下使用kindeditor 配置信息

最新推荐文章于 2025-12-16 15:49:30 发布

转载最新推荐文章于 2025-12-16 15:49:30 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhang9418hn/p/3200869.html

文章标签：

#测试 #javascript #ViewUI

本文介绍如何在项目中集成KindEditor富文本编辑器，包括必要的DLL文件引用、脚本引入及配置方法，实现文本编辑和图片上传等功能。

先去下载： http://code.google.com/p/kindeditor/downloads/list
引用： LitJSON.dll文件
<script src="~/kindeditor/kindeditor.js"></script>
@ViewBag.content 编辑的时候使用

 <textarea name="TextArea1" id="TextArea1" cols="120" rows="40" >@ViewBag.content</textarea>

//红色区域是后台获取name为TextArea1的值，如果不写是获取不到的

<script type="text/javascript">
KindEditor.ready(function (K) {
var editor1 = K.create('#TextArea1', {
cssPath: '/kindeditor/plugins/code/prettify.css',
uploadJson: '/kindeditor/tools/upload_json.ashx',
fileManagerJson: '/kindeditor/tools/file_manager_json.ashx',
allowFileManager: true,
afterCreate: function () {
this.sync();
editor.sync();
},
afterBlur: function () {
this.sync();
}
});

});
</script>

转载于:https://www.cnblogs.com/zhang9418hn/p/3200869.html