kindeditor简单使用

最新推荐文章于 2023-05-19 10:41:33 发布

转载最新推荐文章于 2023-05-19 10:41:33 发布 · 240 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Neroi/p/10470539.html

本文介绍KindEditor富文本编辑器的基本使用方法，包括引入脚本、设置参数及图片上传功能。提供了详细的参数配置示例，如宽度、高度、最小尺寸等，并解释了如何处理上传文件的JSON响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先引入：

    <script src="/static/jquery-3.3.1.min.js"></script>
    <script src="/static/kindeditor-4.1.11-zh-CN/kindeditor/kindeditor-all.js"></script>

基本使用参数：

    $(function () {
        KindEditor.create('#content', {
            width:'1000',// % or px
            height:'3000',//only px
            minWidth:200,//number
            minHeight:400,//number
        });
    })

详细参数：

http://kindeditor.net/docs/option.html

上传文件：

参数：

uploadJson:'/upload_img/'

返回的json格式：

//成功时
{
        "error" : 0,
        "url" : "http://www.example.com/path/to/file.ext"
}
//失败时
{
        "error" : 1,
        "message" : "错误信息"
}

图片上传

            allowImageUpload:true,//本地图片
            allowImageRemote:true,//远程图片

CSRF：

KindEditor.ready(function(K) {
        K.create('#id', {
            extraFileUploadParams: {
                csrfmiddlewaretoken: "{{ csrf_token }}"//csrf
            },
        });
});

转载于:https://www.cnblogs.com/Neroi/p/10470539.html