富文本编辑器

Posted 2022-09-27 pdun

一、简介

#轻量级在线文本编辑器
#应用
    在数据库中使用时，对商品详情展示

二、使用

1、项目名settings中配置

#安装富文本编辑器tinymce的安装包：
     pip3 install django-tinymce


#注册app
INSTALLED_APPS = (
    ...
    ‘tinymce‘,  # 注册安装应用。
)
 

# 富文本编辑器的配置
TINYMCE_DEFAULT_CONFIG = 
    ‘theme‘: ‘advanced‘,        #theme主题       advanced高级
    ‘width‘: 600,
    ‘height‘: 400,

2、在主路由配置路由

urlpatterns = [

    url(r‘^tinymce/‘, include(‘tinymce.urls‘)),  # 引入富文本编辑器的url路由。
]

3、应用

#此处使用是在数据库创建过程中，在models中
from django.db import models
from tinymce.models import htmlField         #引入HTMLField
 
# 定义模型类
class GoodsInfo(models.Model):
    gcontent=HTMLField(varbose_name=‘商品详情‘)  # 字段类型HTMLField