1：下载编辑器

适配版本:  python3

下载地址：https://github.com/twz915/DjangoUeditor3

2：创建文件夹放入包

创建包extra_apps，将包放入文件夹里，右键点击extra_apps选中菜单mark directory as 选择 sources root 就可以编程蓝色文件夹目录，如图所示，

3：配置DjangoUeditor3

1：路由配置:打开ulrs.py， 添加路由：url(r'^ueditor/',include('DjangoUeditor.DjangoUeditor.urls'))

2：配置settings.py:

sys.path.insert(0,os.path.join(BASE_DIR,'apps'))
sys.path.insert(0,'extra_apps'))

'DjangoUeditor.DjangoUeditor',

4：创建数据表，注入admin

1：导入编辑器定义的格式：from DjangoUeditor.DjangoUeditor.models import UEditorField

2：创建数据表设置：

class Article(models.Model):
    title = models.CharField(max_length=100,verbose_name='标题')
    content = UEditorField(width=600,height=300,toolbars="full",imagePath=images/files/",upload_settings={imageMaxSize": 1204000},settings={},1)">内容)

     Meta:
        verbose_name = 富文本文章
        verbose_name_plural = verbose_name
        db_table = Article'

3：注入admin:

 ArticleAdmin(admin.ModelAdmin):
    list_display = (title5：效果图

 

 
 前端渲染：

 

• 上一篇：【django不分离项目】使用内置分页下一篇：【插拔式】分页+bootstrap4（开源）