先引入:

    <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 pxheight:'3000',//only pxminWidth:200,//numberminHeight: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

kindeditor简单使用相关推荐

  1. 富文本编辑器kindEditor简单教程

    最近需求用到了富文本编辑器.kindEditor一直是我的首选,简单好用,功能挺全. 首先下载kindEdtor资源包. 我这里使用的是jsp,只需要把下列包拷贝到kindEditor文件夹下(Web ...

  2. 为kindeditor添加在线播放视频功能(基于原有flash上传,mp4,flv,flash)

    kindeditor本身支持上传flash功能,但是我们经常需要上传一些flv.mp4或则其它格式的视频. 其实具体的播放功能是通过jwplayer实现的.我只对kindeditor简单的修改了一下. ...

  3. kindeditor用法简单介绍(转)

    1,首先去官网下载http://www.kindsoft.net/ 2,解压之后如图所示: 由于本人做的是用的是JSP,所以ASP,PHP什么的就用不上了,直接把那些去掉然后将整个文件夹扔进Myecl ...

  4. ASP.NET一款免费富文本(RichText)编辑器KindEditor,实现在线排版编辑文章。这里简单介绍下如何使用

    一般用到富文本编辑器的地方:留言板,论坛的发帖页以及回复页等. 所用软件VS2012旗舰版 KindEditor下载地址(本文实例中所用版本4.1.10): http://download.csdn. ...

  5. kindeditor用法简单介绍

    最近做毕业设计用了一个叫做kindeditor的文本编辑工具,相信很多人都用过,这货和fckeditor差不多,个人感觉这个的皮肤更好看,而且对中文的支持更好,没那么容易出现中文乱码问题.下次记录一下 ...

  6. Kindeditor的简单使用以及图片上传

    详细的笔者也不是特别懂,但是基本的使用还是会的 首先到官网下载相应的插件http://kindeditor.net/down.php,下载完的文件打开后是这样的,看着有点多 但是我们只取出需要的,只有 ...

  7. KindEditor(富文本编辑器)的简单使用

    1. 首先,去kindeditor官网下载我们所需要的资源 下载地址:资源下载路径 2. 然后解压资源包,把资源文件夹添加到自己的项目中去. 前台代码展示: <script charset=&q ...

  8. KindEditor的简单使用

    1.KindEditor 简介 KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(tex ...

  9. kindeditor在线HTML编辑器简单使用教程

    1,首先去官网下载http://www.kindsoft.net/ 2,解压之后如图所示: 3.下面就是html代码演示 <link rel="stylesheet" hre ...

最新文章

  1. 朴素、Select、Poll和Epoll网络编程模型实现和分析——Select模型
  2. TCP/IP详解--学习笔记(5)-IP选路,动态选路,和一些细节
  3. android 一个字符串分两行显示_【Android】DataBindinglt;中gt;
  4. 《深入理解Java虚拟机》笔记4——类文件结构
  5. 【NLP】如何清理文本数据?
  6. VLC视频播放器原理详细分析含TS流格式分析
  7. HALCON示例程序check_blister.hdev药品胶囊检测
  8. 信息学奥赛一本通C++语言——1102: 与指定数字相同的数的个数
  9. python可视化数据分析交互作用_一文轻松看懂线性回归分析的交互作用!
  10. 查看openssh版本_新版的Reveal如何查看越狱手机APP
  11. Bitcoin是什么意思
  12. 一句Python,一句R︱数据的合并、分组、排序、翻转、集合
  13. XML(1):基于流的XML处理
  14. 从数据库中读取数据,创建XML文件并更新维护XML
  15. 一文学会最常见的10种NLP处理技术(附资源代码)
  16. GCC 优化选项 -O -O0 -O1 -O2 -O3 -Os 简单介绍
  17. Specular Highlights(镜面光)
  18. 全球首只AIGC动画短片发行,日漫风格超治愈!
  19. MySQL中xtrabackup备份恢复全攻略(r12笔记第11天)
  20. React-Native 知识点小结

热门文章

  1. CSS浮动(二)---Float
  2. 简介浏览器内核与JavaScript引擎
  3. 数集合有多少个TOJ(2469)
  4. 第一阶段 XHTML.定位样式
  5. 【leetcode】Median of Two Sorted Arrays
  6. Java——线程锁,死锁,等待唤醒机制
  7. zabbix网络发现主机
  8. 浅尝flutter中的动画(淡入淡出)
  9. 手把手教你 Spark 性能调优
  10. 润乾V4导出TXT时自定义分隔符