ckeditor 富文本编辑器

安装ckeditor

pip install django-ckeditor

settings配置

INSTALLED_APPS = [

    'ckeditor', # 富文本编辑器
    'ckeditor_uploader', # 富文本编辑器上传图片模块

]

添加ckeditor配置

# settings.py
CKEDITOR_CONFIGS = {
	'default':{
		'toolbar':'full', # 完整工具条
		'height': 300, # 编辑高度
		# 'woidth': 300, # 编辑宽度
	},
} C
KEDITOR_UPLOAD_PATH = ''   # 上传图片保存路径,使用了fastDFS,设置为

主项目里添加ckeditor路由配置

urlpatterns = [
...
re_path(r'^ckeditor/', include('ckeditor_uploader.urls')),
]

在你需要用到富文本的表结构里添加一下字段

	from ckeditor.fields import RichTextField
	from ckeditor_uploader.fields import RichTextUploadingField
	
	desc_detail = RichTextUploadingField(default='', verbose_name='详细介绍')
   

现在你进 django 的admin 界面就能看到该表里的 desc_detail 字段是个富文本编辑器,但好像字体是繁体,我们可以去改
在 python 下载的模块文件夹里

C:\Users\sujiankang\AppData\Local\Programs\Python\Python37\Lib\site-packages\ckeditor\static\ckeditor\ckeditor\lang

在这里插入图片描述
修改其中的语言文件配置,把zh-ch文件内容复制到zh文件种即可
效果如下:
ckeditor 富文本编辑器_第1张图片

你可能感兴趣的:(Django)