KindEditor 简单使用笔记

1.在官网下载最新版本  http://kindeditor.net/demo.php

2.在页面中加上如下代码

    <textarea id="editor_id" name="content" style="width:700px;height:300px;">
        内容
    </textarea>

 3.页面中引入js文件

<script src="~/scripts/kindeditor-4.1.11-zh-CN/kindeditor/kindeditor-all.js"></script>
<script src="~/scripts/kindeditor-4.1.11-zh-CN/kindeditor/lang/zh-CN.js"></script>

4.点击上传图片，会报错误

6.打开asp.net文件夹，将LitJSON.dll拷贝到项目中，然后添加引用

 

 

7.找到upload_json.ashx文件

 将路径改为你想存储的路径：

8.修改html文件

<script>
    KindEditor.ready(function (k) {
        window.KindEditor = k.create("#editor_id", {
            allowFileManager: true,
            uploadJson: '/scripts/kindeditor-4.1.11-zh-CN/kindeditor/asp.net/upload_json.ashx',
            fileManagerJson: '/scripts/kindeditor-4.1.11-zh-CN/kindeditor/asp.net/file_manager_json.ashx',
        });
    });
</script>

9.上传成功

 备注：该上传图片功能仅为演示程序，也可以自己写上传方法，然后调用。