21 - 富文本框

富文本框: 一般用于写文章,编辑内容自带样式

官网: https://pypi.org/project/django-tinymce/

1. 安装第三方库

pip install django-tinymce -i https://pypi.tuna.tsinghua.edu.cn/simple/

2. settings.py 注册和配置编辑器

# 注册编辑器
INSTALLED_APPS = [
    ...
    "tinymce",
]
    
# 富文本编辑器配置
TINYMCE_DEFAULT_CONFIG = {
   "theme":"advanced",
   "width":600,
   "height":400
}

3. 移动第三方样式文件

# 将第三方库文件(静态文件)中
      site-packages-->tinymce-->static-->tinymce文件 
# 复制到 static静态文件下

4. 使用

        (1). 定义视图

def edit(request):
    if request.method == "POST":
        print(request.POST.get("content"))
    return render(request, 'active.html')

        (2). 定义路由

path('edit/', views.edit, name="edit"),# 富文本框

        (3). 定义html(使用富文本框)

    
    
    {# 引入 tinymce.min.js #}
    
    {# 必填 #}
    


    

        {% csrf_token %}