五、富文本应用-在Django3中使用Ueditor-DJango搭建在线学习网站


前言

提示:这里可以添加本文要记录的大概内容:
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。


在现有的DJango项目中拷贝Django_Ueditor

一、修改现有的模型类

所有文字或者文本项 修改成UEditorField类

from django.db import models
from DjangoUeditor.models import UEditorField
# Create your models here.
class Article(models.Model):
    title = models.CharField(max_length=50,verbose_name="文章标题")
    create_time = models.DateTimeField(auto_now_add=True,verbose_name="创建时间")
body = UEditorField(imagePath='imgs/',width='100%')

二、具体功能实现

  • 在setting中注册应用
INSTALLED_APPS = [
    ...
    'DjangoUeditor'
]
  • 下载一个six包 复制到django.utils目录中
pip install six
  • django\forms\boundfield.py 中注释掉96行
renderer=self.form.renderer,
  • 生成迁移文件
python manage.py makemigrations  
  • 执行迁移文件
 python manage.py migrate
  • 在urls中配置路由
path('ueditor/', include('DjangoUeditor.urls')),
  • 创建超级管理员
python manage.py createsuperuser
  • 启动服务器
python manage.py runserver
  • 在setting中添加配置
X_FRAME_OPTIONS = 'sameorigin'

三、进入后台管理员add文章进行测试。

总结

以上就是今天要讲的内容,本文仅仅简单介绍了富文本应用的使用。

猜你喜欢

转载自blog.csdn.net/qq_41186565/article/details/118466137