Django-富文本编辑器的应用。

最新推荐文章于 2024-08-14 13:54:55 发布

Ab1de

最新推荐文章于 2024-08-14 13:54:55 发布

阅读量860

点赞数

文章标签： Django 富文本编辑器

本文链接：https://blog.csdn.net/KeShaoDeng/article/details/88206113

版权

安装django-ckeditor 到虚拟环境
pip install django-ckeditor
安装django-ckeditor到项目
安装app
2.
在这里插入图片描述

‘ckeditor’,
‘ckeditor_uploader’,

Ckeditor配置
CKEDITOR_UPLOAD_PATH = “static/upload”
CKEDITOR_IMAGE_BACKEND = “pillow”
在这里插入图片描述
4.主Urls的设置
path(‘ckeditor/’, include(‘ckeditor_uploader.urls’)),

5.使用
自己的字段
在models
from ckeditor_uploader.fields import RichTextUploadingField
goods_content = RichTextUploadingField()

6.如果前端使用，先收集静态文件
收集之前：
我们配置的时候STATIC_ROOT
MEDIA_ROOT和STATIC_ROOT冲突
STATICFILES_DIRS和STATIC_ROOT冲突
在这里插入图片描述

7.收集完成，改回配置

8.前端使用

引用

 引用<script type="text/javascript" src="{% static 'ckeditor/ckeditor/ckeditor.js' %}"></script>
应用 <script>
        CKEDITOR.replace('goods_content',{uiColor:'#FFFFFF'})
    </script>