Djagno之Admin后台设置tinymce富文本编辑+上传图片

一、准备工作

1. 安装tinymce:

pip install django-tinymce==2.6.0

2. 修改settings.py文件:
1) 添加应用

INSTALLED_APPS = (
    ...
    'tinymce',
)

2)在settings.py文件末尾添加配置:

TINYMCE_DEFAULT_CONFIG = {
    'theme': 'advanced',
    'width': 1000,
    'height': 500,
}

3. 修改项目路径下的urls.py文件:

urlpatterns = [
    ...
    url(r'^tinymce/', include('tinymce.urls')),
]

二、后台显示

1. 在models.py中定义属性, 类型为HTMLField:

from django.db import models
from tinymce.models import HTMLField

class Article(models.Model):
    ...
    content = HTMLField('内容', blank=True, null=True) #博客文章正文

2. 生成迁移:

python3 manage.py makemigrations
python3 manage.py migrate

3. 注册模型类
这里不加描述…

进入后台127.0.0.1:8000/admin:

这里写图片描述


三、添加图片:

修改settings.py文件, 末尾加入:

STATIC_URL = '/static/'
STATICFILES_DIRS=[
    os.path.join(BASE_DIR,'static'),
]

进入admin后台, 插入图片(第二排倒数第4), 点击确定:
这里写图片描述

这里写图片描述

扫描二维码关注公众号,回复: 1069125 查看本文章

保存后网页查看:

这里写图片描述

猜你喜欢

转载自blog.csdn.net/qq_38038143/article/details/80370387