Django添加富文本编辑器

背景

有些内容部分不仅仅只展示文字，有时候还要展示图片和各种样式标题等，针对于此，故引入了富文本编辑器–tinymce

使用

  1. 安装环境

    1
    pip install django-tinymce

  2. 在项目的settings.py文件中添加配置内容

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    # 配置tinymce的功能
    TINYMCE_DEFAULT_CONFIG = {
        'theme': 'advanced',  # 标识添加的功能，此处最大化
        'width': 600,
        'height': 400,
    }

    # 需要将tinymce项目注册进app中
    INSTALLED_APPS = (
        ...
        'tinymce',
    )

  3. 在项目的urls.py文件中配置路由

    1
    2
    3
    4
    urlpatterns = [
        ...
        path(r'tinymce/', include('tinymce.urls')),
    ]

  4. 当定义模型时，如果该字段需要用到富文本类型

    1
    2
    3
    4
    5
    6
    # 导入富文本字段类型
    from tinymce.models import HTMLField

    detail = HTMLField(blank=True, verbose_name='商品详情描述')

    https://kubernetes.io/docs/setup/independent/create-cluster-kubeadm/