Django2.0整合markdown编辑器

测试成功环境:
python:3.5.4
os:Deepin 15.5
Django:2.0
IDE:pycharm

1.Django整合Ueditor(百度制作的编辑器)

学习于博主: Code人生

请按照博主的教程一步一步走,其中下载的DjangoUeditor/DjangoUeditor中的代码导入模块有问题,请完善路径

2.Django整合django-mdeditor

1.安装django-mdeditor

shell中运行

pip3 install django-mdeditor

2.新建一个项目

在项目的settings.py的INSTALLED_APPS中添加’mdeditor’,
Django2.0整合markdown编辑器_第1张图片

添加媒体路径到你的设置中:

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

这里写图片描述

在你的根目录下分别创建对应的文件夹 uploads/editor
这里写图片描述

将该设置添加到你的urls.py中:

from django.conf.urls import url, include
from django.conf.urls.static import static
from django.conf import settings
from django.contrib import admin
from django.urls import path

urlpatterns = [
    path('admin/',admin.site.urls),
    url(r'mdeditor/', include('mdeditor.urls')),
]

if settings.DEBUG:
    # static files (images, css, javascript, etc.)
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

如果是按照教程的步骤新建的项目,请直接覆盖源代码即可

3.添加一个app

shell在根目录中运行:

python manage.py startapp Example

打开Example,在models.py中添加

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

class ExampleModel(models.Model):
    name = models.CharField(max_length=10)
    content = MDTextField()

在Example/admin.py中粘贴

from django.contrib import admin

# Register your models here.
from Example.models import ExampleModel

admin.site.register(ExampleModel)

再次回到项目中,在settings.py的INSTALLED_APPS中添加
‘Example’,

然后我们运行引用model

python manage.py makemigrations
python manage.py migrate

最后设置admin用户

python manage.py createsuperuser

按照提示, 设置用户名,邮箱,密码之后就完成了

4.查看效果

运行项目
打开
http://127.0.0.1:8000/admin/

输入刚刚设置的账户和密码Django2.0整合markdown编辑器_第2张图片

点击Add添加你的第一篇文章
Django2.0整合markdown编辑器_第3张图片

你可能感兴趣的:(折腾)