欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 教育 > 幼教 > django-ckeditor富文本编辑器

django-ckeditor富文本编辑器

2024/10/24 7:26:13 来源:https://blog.csdn.net/liulunan_lln/article/details/140473132  浏览:    关键词:django-ckeditor富文本编辑器

一.安装django-ckeditor

1.安装

pip install django-ckeditor

2.注册应用

INSTALLED_APPS = [...'ckeditor',
]

3.配置model

from ckeditor.fields import RichTextFieldcontent = RichTextField()

4.在项目中manage.py文件下重新执行迁移,生成迁移文件

python manage.py makemigrationspython manage.py migrate

5.启动Django项目并且进入刚在所改模型的字段页面中,可以看到有富文本编辑器生成
image

二.添加上传图片功能

1.安装

pip isntall pillow

2.注册应用

'ckeditor_uploader'

3.配置setting

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

4.配置url

path('ckeditor/', include('ckeditor_uploader.urls')),urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

5.配置model(把字段改成RichTextUploadingField)

from ckeditor_uploader.fields import RichTextUploadingFieldcontent = RichTextUploadingField()

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com