在编写项目中，若需要轻量级的在线编辑器，可以选择本文要介绍的KindEditor编辑器
以下是对kindeditor的简介，以及在Django中引入这个编辑器的方法:
KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。
主要特点：
官方下载：http://kindeditor.net/down.php
<div class="content form-group"> <label for="">内容(Kindeditor编辑器，不支持拖放/粘贴上传图片) </label> <div> <textarea name="content" id="article_content" cols="30" rows="10"></textarea> </div> </div> <input type="submit" class="btn primary-btn" value=‘提交‘> <script src="/static/js/jquery-3.3.1.min.js"></script> <script charset="utf-8" src="/static/blog/kindeditor/kindeditor-all.js"></script> <script> KindEditor.ready(function(K) { window.editor = K.create(‘#article_content‘,{ width:"100%", height:"600", resizeType:0, uploadJson:"/upload/", extraFileUploadParams:{ csrfmiddlewaretoken:$("[name=‘csrfmiddlewaretoken‘]").val() }, filePostName:"upload_img" }); }); </script>
这样就完成了初步的在django中引入kindeditor编辑器的引入。
如果要通过jQuery获取文本内容，需要在获取函数中增加一条语句：
$(‘.primary-btn‘).click(function () { editor.sync(); # 增加这个方法，详见官方文档 var content = $(‘#article_content‘).val(); console.log(content); }）
原文：https://www.cnblogs.com/lymlike/p/11568736.html