django模板中插入summernote工具(bootstraphtml编辑器)

图片上传参考链接:出处

1.可按照summernote官方的github地址下载--开发版.

2.我们需要使用的文件在dist文件夹内,将该文件夹内的文件复制到路径:/myproject/app/static/app/summernote/

3.在模板中载入静态文件:

(1)载入依赖工具,JQ和bootstrap

(2)载入summernote的js文件

{% load staticfiles %}  //务必写上这行
    
    
    

4.在html中插入summernote块

  hello, summernote!

5.在JQ中启动summernote并进行初始化(可根据官方文档和自己需求进行初始化)

$('#summernote').summernote({
            lang : 'zh-CN',
            minHeight : 300,
            dialogsFade : true,// Add fade effect on dialogs
            dialogsInBody : true,// Dialogs can be placed in body, not in
            // summernote.
            disableDragAndDrop : false,// default false You can disable drag
            // and drop
        });