Django富文本编辑

Django富文本编辑

项目里

1新建testapp

python manage.py startapp testapp

2在 settings 配置文件 INSTALLED_APPS 中：

 添加 [新建testapp]   到setting

 添加 [富文本编辑器 ]  到setting

    INSTALLED_APPS = [

         ...

        ‘testapp’,

        ‘mdeditor',

]

在 settings 中添加媒体文件的路径配置:

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

MEDIA_URL = '/media/'

 

3路由设置urls.py

from django.conf.urls import url, include

from django.conf.urls.static import static

from django.conf import settings

 

urlpatterns = [

    ...

    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)

 

 

 

应用testapp里：

1模型设置

from django.db import models     //导入模型类

from mdeditor.fields import MDTextField   //导入编辑器

 

class ExampleModel(models.Model):      //新建数据模型

   name = models.CharField(max_length=10)

   content = MDTextField()  //富文本编辑器

 

2管理设置admin.py

from testapp.models import ExampleModel #从testapp导入数据模型

admin.site.register(ExampleModel)      #注册模型

 

 

运行命令，创建你的model 数据库表

 python manage.py makemigrations 

 python manage.py migrate .

创建超级用户admin

python manage.py creatsuperuser

运行sudo python manage.py runserver  127.0.0.1:80

浏览器访问地址  

登录django admin后台，点击'添加'操作，你会看到如下界面。

参考：https://segmentfault.com/a/1190000013671248