一些常用的:

  • CKEditor
  • UEEditor
  • TinyEditor
  • KindEditor

下载:

http://kindeditor.net/down.php

使用方法:

<textarea name="comment" id="comment"></textarea>
<script>
$(function () {
initKindEditor();
});
function initKindEditor() {
var kind = KindEditor.create(
'#comment', {
width: '100%' ,
height: '300px',
           uploadJson:'/uploadimg',
extraFileUploadParams: {
'csrfmiddlewaretoken': '{{ csrf_token }}'
} ) } </script>

  或者:

var editor;
KindEditor.ready(function (K) {
editor = K.create('textarea[name="comment"]', {
resizeType: 1,
allowPreviewEmoticons: false,
allowImageUpload: false,
items: [
'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link'],
                    uploadJson:'/uploadimg',  #文件上传功能
extraFileUploadParams: {
'csrfmiddlewaretoken': '{{ csrf_token }}'
}); });

后台返回

def uploadimg(request):
import json
dic = {
'error': 0,
'url': '/static/img/4.jpg',
'message': '错误了...'
} return HttpResponse(json.dumps(dic))

  

详细参数

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

内容提交

 $('#commentsubmit').click(function () {
console.log(editor.html())
})

相关链接:

https://www.cnblogs.com/wupeiqi/p/6307554.html

最新文章

  1. SQL Server 索引
  2. Echarts 之二——地市联动数据统计
  3. rand &amp; random &amp; arc4random
  4. Nginx-解读内置非默认模块 ngx_http_stub_status_module
  5. yum服务器搭建(深入理解yum工作原理)
  6. fastJson顺序遍历JSON字段
  7. 深入浅出TCP/IP簇
  8. CMD删除Mysql 服务
  9. atoi atol strtod strtol strtoul _gcvt
  10. Cocos2D-X2.2.3学习笔记8(处理精灵单击、双击和三连击事件)
  11. poj 3266 Cow School 分数规划
  12. Stack Overflow for web end
  13. 在C#中输出变量的地址
  14. Django搭建博客网站(一)
  15. BZOJ.4842.[NEERC2016]Delight for a Cat(费用流)
  16. C# 利用反射动态给模型Model 赋值
  17. 五种UML工具
  18. tuple的基本使用
  19. POJ3692 Kindergarten
  20. WPF 控件被禁用,悬浮提示不显示问题

热门文章

  1. PHP基础教程探讨一些php编程性能优化总结
  2. JAVA批量文件下载
  3. 织梦DedeCms技术资料
  4. pyinstaller打包的exe太大?你需要嵌入式python玄学 惊喜篇
  5. 原型模式故事链(4)--JS执行上下文、变量提升、函数声明
  6. Arthas随笔
  7. 搜索引擎算法研究专题五:TF-IDF详解
  8. JS - defer 和 async
  9. Docker安装CentOS7
  10. 快速入门分布式消息队列之 RabbitMQ(3)