1. 安裝django-ckeditor
$ pip install django-ckeditor
2. 在setting中，添加ckeditor ， ckeditor_uploader 到INSTALLED_APPS
install_apps = {
'ckeditor',
'ckeditor_uploader',
}
3. 在setting中，添加
# CKeditor 相關
MEDIA_ROOT = os.path.join(BASE_DIR, 'static/media/')
MEDIA_URL = '/media/'
CKEDITOR_JQUERY_URL = 'https://cdn.bootcss.com/jquery/2.1.4/jquery.js'
CKEDITOR_UPLOAD_PATH = "static/upload"
CKEDITOR_IMAGE_BACKEND = "pillow"
4. 執行 python manage.py collectstatic ，收集靜態文件
后端顯示編輯器
5. model中添加ckeditor的字段
from ckeditor_uploader.fields import RichTextUploadingField
class Entry(models.Model):
body = RichTextUploadingField() #RichTextField()
from ckeditor.fields import RichTextField
class Post(models.Model):
content = RichTextField()
---------------------
# 貌似是給Django-admin使用的
前端添加編輯器
7.添加js文件
<head>
<script src="//cdn.ckeditor.com/4.5.9/standard/ckeditor.js"></script>
</head>
8. 添加代碼如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor</title>
<script src="//cdn.ckeditor.com/4.5.9/standard/ckeditor.js"></script>
</head>
<body>
<textarea name="editor1"></textarea>
<script>
CKEDITOR.replace( 'editor1' , {uiColor: '#9AB8F3'});
</script>
</body>
</html>
博客搬運地址：
- Django筆記 使用編輯器django-ckeditor
