Django后台安装富文本编辑器

最新推荐文章于 2024-06-12 09:37:13 发布

花想容~Bxy

最新推荐文章于 2024-06-12 09:37:13 发布

阅读量487

点赞数

分类专栏： Django

本文链接：https://blog.csdn.net/qq_42992704/article/details/106742454

版权

Django 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

Django后台安装富文本编辑器

在这里插入图片描述

models.py

from django.db import models

# Create your models here.
class Show(models.Model):
    content = models.TextField('内容',blank=True)

在这里插入图片描述

admin.py

from django.contrib import admin
from apps.File.models import Show
# Register your models here.

@admin.register(Show)
class ShowAdmin(admin.ModelAdmin):


    class Media:
        js = (
            '/static/kindeditor-master/kindeditor-all.js',#这是在后台的页面中追加js文件
            '/static/kindeditor-master/lang/zh-CN.js',
            '/static/kindeditor-master/config.js',

        )

在这里插入图片描述

新建的config.js

/**
 * Created by 14903 on 2020/6/14.
 */
KindEditor.ready(function (k) {
    window.editor = k.create('textarea[name="content"]',{
        //resizeType:1,
        //allowPreviewEmoticons : false,
        //allowImageRemote : false,
        uploadJson : '/admin/upload/kindeditor',
        height:'400px',
        width:'800px'

    });
})

'textarea[name="content"]' 这玩意就是你创建的字段在admin页面上显示的标签，可以使用F12查找元素

在这里插入图片描述