dj鲜生-12-富文本编辑器-tinymce 以及choice选择项目

下载与安装django-tinymce

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

一，注册它

把它当作是一个应用，注册它

输入一并时就会被django识别的

完成注册后，加个备注就好

二，配置富文本编辑器

# 富文本编辑器 tinymce
TINYMCE_DEFAULT_CONFIG = {
    'theme': 'advanced',  # 主题
    'width': 600,  # 宽
    'height': 400  # 高
}

三，项目中配置路由

开始使用

现在看到的是一个例子：测试的时候是在user应用下的models里随便写的一个测试模型类

在任意一个需要用到它的模型类中写

比方说，商品详情，即需要贴图片，还需有文字编辑（加粗，变色等等）

》迁移，然后生成管理员

(base) G:\dailyfresh>python manage.py makemigrations
Migrations for 'user':
  apps\user\migrations\0003_mcetest.py
    - Create model MceTest

(base) G:\dailyfresh>python manage.py migrate
Operations to perform:
  Apply all migrations: admin, auth, contenttypes, sessions, user
Running migrations:
  Applying user.0003_mcetest... OK

(base) G:\dailyfresh>python manage.py createsuperuser
用户名: pyhui
电子邮件地址:
Password:
Password (again):
密码跟 用户名 太相似了。
密码长度太短。密码必须包含至少 8 个字符。
Bypass password validation and create user anyway? [y/N]: y
Superuser created successfully.

(base) G:\dailyfresh>

》后台注册

对应的应用下面的 admin.py

》看见我们建的测试表了

》尝试添加内容

》来一个大大的错误

》根据后端的提示解决报错源

参考了

render() got an unexpected keyword argument ‘renderer’----render（）得到了一个意外的关键字参数’renderer’ - Y2L111的博客 - CSDN博客
https://blog.csdn.net/Y2L111/article/details/86499588

按提示注销就好了

》可以快乐的使用这个富文本编辑器了

》富文本编辑器不止一种

更多的富文本编辑器用法差不太多

想要了解详情可参看网文

富文本编辑器 django_百度搜索
https://www.baidu.com/s?wd=%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8+django&ie=UTF-8

了解关于字段的choice选项

choice参数传入一个元组

如此可以限定用户的操作

用户可选的就这两个，选项源自模型类中的定义限写下

了解这样的用法

后续如果有选项类的操作，可以考虑这么弄

。。。

注意这个测试的类后面不用了可以考虑删掉的。。。

小结 富文本编辑器操作的五步

使用富文本编辑器的流程

1 下载包
pip install -i https://pypi.tuna.tsinghua.edu.cn/simple django-tinymce==2.6.0


2 注册
同普通应用一样的去注册
tinymce


3 配置
settings.py中添加配置
TINYMCE_DEFAULT_CONFIG = {
    'theme': 'advanced',  # 主题
    'width': 600,  # 宽
    'height': 400  # 高
}


4 配置路由
path('tinymce/', include('应用名.urls'))



5 在模型类中使用
一般在models模块中使用
导入HTMLField类
在需要字段那里定义