使用富文本编辑器

参考链接：https://cloud.tencent.com/developer/article/1853667

安装django-ckeditor

pip install django-ckeditor

settings.py添加应用, 

  1. INSTALLED_APPS = [
  2.     'django.contrib.admin',
  3.     'django.contrib.auth',
  4.     'django.contrib.contenttypes',
  5.     'django.contrib.sessions',
  6.     'django.contrib.messages',
  7.     'django.contrib.staticfiles',
  8.     'slide',
  9.     'team',
  10.     'news',
  11.     'ckeditor',
  12.     'ckeditor_uploader', # 上传图片时使用
  13. ]

配置上传路径

  1. # media 配置
  2. MEDIA_URL = '/media/'
  3. MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
  5. # 富文本ckeditor配置
  6. CKEDITOR_UPLOAD_PATH = 'upload/'
  8. CKEDITOR_IMAGE_BACKEND = 'pillow'

模型中使用

  1. from distutils.command.upload import upload
  2. from django.db import models
  3. from ckeditor.fields import RichTextField  
  4. from ckeditor_uploader.fields import RichTextUploadingField  #可以上传本地图片
  6. # Create your models here.
  7. class Category(models.Model):
  8.     id = models.AutoField(primary_key=True)
  9.     name = models.CharField('分类名称',max_length=100)
  11.     class Meta:
  12.         verbose_name = '分类管理'
  13.         verbose_name_plural = '分类管理'
  15.     def __str__(self):
  16.         return self.name
  19. class News(models.Model):
  20.     id = models.AutoField(primary_key=True)
  21.     title = models.CharField('标题',max_length=100)
  22.     content = RichTextUploadingField()
  23.     cover = models.ImageField('封面',upload_to='news',blank=True, null=True,help_text='最佳尺寸：480*270px')
  24.     created_at = models.DateTimeField('创建时间', auto_now_add=True, editable=True)
  25.     updated_at = models.DateTimeField('更新时间', auto_now=True, editable=True)
  26.     category = models.ForeignKey(Category, on_delete = models.CASCADE)
  28.     class Meta:
  29.         verbose_name = '新闻管理'
  30.         verbose_name_plural = '新闻管理'
  32.     def __str__(self):
  33.         return self.title

配置路由

全局配置的url.py 文件中，设置ckeditor路由。

  1. urlpatterns = [
  2.     path('', include('website.urls')),
  3.     path('news/', include('news.urls')),
  4.     path('ckeditor', include('ckeditor_uploader.urls')),
  5.     path('admin/', admin.site.urls),
  6. ]
  8. from django.conf import settings
  9. from django.conf.urls.static import static
  10. urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

下面的urlpatterns是为了显示上传的路径。仅在测试时使用，上线后，通过nginx配置。