欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-14 22:39:13
...

安装django-ckeditor 到虚拟环境
pip install django-ckeditor
安装django-ckeditor到项目
安装app
2.
Django-富文本编辑器的应用。

‘ckeditor’,
‘ckeditor_uploader’,

Ckeditor配置
CKEDITOR_UPLOAD_PATH = “static/upload”
CKEDITOR_IMAGE_BACKEND = “pillow”
Django-富文本编辑器的应用。
4.主Urls的设置
path(‘ckeditor/’, include(‘ckeditor_uploader.urls’)),
Django-富文本编辑器的应用。
5.使用
自己的字段
在models
from ckeditor_uploader.fields import RichTextUploadingField
goods_content = RichTextUploadingField()
Django-富文本编辑器的应用。
6.如果前端使用,先收集静态文件
收集之前:
我们配置的时候STATIC_ROOT
MEDIA_ROOT和STATIC_ROOT冲突
STATICFILES_DIRS和STATIC_ROOT冲突
Django-富文本编辑器的应用。
Django-富文本编辑器的应用。
7.收集完成,改回配置
Django-富文本编辑器的应用。
8.前端使用

引用

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