Django使用markdown编辑器

1、安装django-mdeditor模块

pip install django-mdeditor

2、注册mdeditor到APPS中

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    # 新插入的corsheaders，之前的不
    'corsheaders',
    # 注册markdown的应用
    'mdeditor',
    'report',
]

3、设置markdown上传的图片保存路径

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
# 顺便配置下静态资源的根目录
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

4、配置mdeditor的路由

from django.contrib import admin
from django.urls import path, include, re_path
from django.views.static import serve

from report.views import get_report
from restful_api.settings import STATIC_ROOT, MEDIA_ROOT

urlpatterns = [
    path('admin/', admin.site.urls),
    path('report/', get_report),
    # 配置mdeditor路由
    path(r'mdeditor/', include('mdeditor.urls')),
    # django关闭debug模式后，静态文件无法访问，这里要设置下静态文件的访问路由
    re_path(r'^static/(?P<path>.*)$', serve, {'document_root': STATIC_ROOT}),
    re_path(r'^media/(?P<path>.*)', serve, {"document_root": MEDIA_ROOT}),
]

关闭debug模式后，要使用命令把下载的第三方APP静态文件拷贝一份到static路径下

python manage.py collectstatic

5、在模型类中使用markdown字段

from django.db import models
from mdeditor.fields import MDTextField


class Report(models.Model):

    title = models.CharField(max_length=120, verbose_name="标题")
    content = MDTextField(max_length=1000, verbose_name="测试报告")

6、解决markdown图片上传成功，获取不到地址的问题

# settings.py中配置该值
X_FRAME_OPTIONS = 'SAMEORIGIN'