django admin 加入富文本编辑器 wangeditor

292 阅读1分钟

安装

pip install django-wangeditor

加入配置 settings.py

INSTALLED_APPS = [
    # ...
    'wangeditor',
]

WANGEDITOR_CONFIGS = {
 "default": {
   "toolbar_config":{
     "modalAppendToBody": False,
   }
   "menu_conf": {
      "uploadImage": {
         "server": "/wangeditor/img_upload/",
       },
       "uploadVideo": {
         "server": "/wangeditor/video_upload/"
       }
   }
}
# https://www.wangeditor.com/v5/toolbar-config.html
# https://www.wangeditor.com/v5/menu-config.html

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

WANGEDITOR_UPLOAD_PATH = "uploads/"

models.py

from django.db import models
from wangeditor.fields import WangRichTextField

class Post(models.Model):
    content = WangRichTextField()

urls.py

from django.conf.urls.static import static
from django.conf import settings
# django >= 2.0
path('wangeditor/', include('wangeditor.urls'))
# django < 2.0
url(r'wangeditor/', include('wangeditor.urls'))
if settings.DEBUG:
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)