[Djangorestframework]-富文字編輯器的使用

骨月發表於2020-12-22

[Djangorestframework]-富文字編輯器的使用

參考資料

https://blog.csdn.net/KeShaoDeng/article/details/88206113
https://www.cnblogs.com/louzi/archive/2004/01/13/9609199.html

一、安裝django-ckeditor

pip install django-ckeditor

二、APP註冊(//settings.py)

1.引入庫

INSTALLED_APPS = [
  ………………………………………………
    # 1、註冊富文字編輯器ckeditor
    'ckeditor',
    # 1、註冊富文字上傳圖片ckeditor_uploader
    'ckeditor_uploader',
]

三、配置富文字上傳路徑(//settings.py)

# 配置靜態檔案
STATIC_URL = '/static/'
STATIC_DIR = os.path.join(BASE_DIR, 'static')
STATICFILES_DIRS = [STATIC_DIR,]
# 配置圖片、檔案訪問方式/setting後,然後去urls.py去配置
# 配置媒體檔案
MEDIA_URL = '/media/'  # (前後都有斜槓)
MEDIA_DIR = os.path.join(BASE_DIR, 'media')
MEDIA_ROOT = MEDIA_DIR


# 2、配置富文字上傳路徑
CKEDITOR_UPLOAD_PATH = 'static/upload/'
CKEDITOR_IMAGE_BACKEND = "pillow"

附贈:配置靜態檔案static和媒體檔案media的方法

四、配置富文字路由(//urls.py)

urlpatterns = [
  …………………………………………
    # 富文字設定
    path('ckeditor/', include('ckeditor_uploader.urls')),  # 3、配置富文字編輯器url
]

五、model中使用富文字

相關文章