Django-富文本编辑器的应用。
程序员文章站
2022-07-14 22:39:13
...
安装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>