html代码编辑器tus,Django之choices选项和富文本编辑器的使用
项目准备
1.创建数据库
create database choices_test default charset utf8;
2.创建一个名为 choices_test 的Django项目;
3.创建应用app01;
项目结构如下所示
4.配置数据库;
DATABASES ={'default': {'ENGINE': 'django.db.backends.mysql','NAME': 'choices_test','USER': 'root','PASSWORD': 'root','HOST': 'localhost','PORT': '3306',
}
}
5.__init__.py
importpymysql
pymysql.install_as_MySQLdb()
choices选项的使用
在模型类中使用choices选项
1.编写Goods模型类
from django.db importmodelsclassGoods(models.Model):
STATUS_CHOICES=(
(0,'下架'),
(1, '上架'),
)
ststus= models.SmallIntegerField(choices=STATUS_CHOICES, default=1, verbose_name="商品上架下架")classMeta:
db_table= "goods" #指定创建表名使表名为goods
verbose_name = "商品"verbose_name_plural= verbose_name #和上面一句结合使用,在后台管理时显示表名为"商品"
verbose_name作用
verbose_name:设置在admin中显示的名称,并且默认会后面加个s,表示复数;
verbose_name_plural = verbose_name; --->设置在admin显示的不加s;
2.去admin.py文件注册Goods模型类
from django.contrib importadminfrom app01.models importGoods
admin.site.register(Goods)
3.数据表迁移
python manage.py makemigrations
python manage.py migrate
4.配置后台管理
配置时区
LANGUAGE_CODE = 'zh-hans'TIME_ZONE = 'Asia/Shanghai'
创建超级管理员
python manage.py createsuperuser
user:admin
password:admin123
5.启动项目
登录后台管理
如下页面
choices选项效果图
富文本编辑器
富文本编辑器准备
1.安装编辑器包
pip install django-tinymce
2.注册tinymce应用
INSTALLED_APPS =['tinymce',
]
3.在settings文件中添加tinymce配置
#编辑器相关配置
TINYMCE_DEFAULT_CONFIG ={'theme': 'advanced','width': 600,'height': 400,
}
4.配置tinymce路由
from django.conf.urls importurl, include
urlpatterns=[
url(r'^tinymce/', include('tinymce.urls')),
]
模型类中使用编辑器
1.编写模型类代码
from tinymce.models importHTMLFieldclassGoods(models.Model):"""商品测试模型类"""STATUS_CHOICES=(
(0,'下架'),
(1, '上架'),
)
ststus= models.SmallIntegerField(choices=STATUS_CHOICES, default=1, verbose_name="商品上架下架")#null=True 允许数据库为空,blank=True 允许后台输入时为空
detail = HTMLField(null=True, blank=True, verbose_name="商品详情")classMeta:
db_table= "goods" #指定创建表名使表名为goods
verbose_name = "商品"verbose_name_plural= verbose_name #和上面一句结合使用,在后台管理时显示表名为"商品"
2.数据表迁移
python manage.py makemigrations
python manage.py migrate
3.进入后台管理,增加商品
至此,我们可以在后台管理中看见如下页面
即富文本编辑器在后台中使用成功。
原文出处:https://www.cnblogs.com/yifchan/p/python-1-35.html
html代码编辑器tus,Django之choices选项和富文本编辑器的使用相关推荐
- python中choices_Django之choices选项和富文本编辑器的使用详解
项目准备 1.创建数据库 create database choices_test default charset utf8; 2.创建一个名为 choices_test 的Django项目: 3.创 ...
- kind富文本编辑器_在项目中集成富文本编辑器
前 言 现在学程序的都离不开 Markdown 语法了吧,Markdown 已经成为典型的转换为HTML的非正式规范和参考实现,现在市场上也出现了许多Markdown实现,在基本语法之上额外增加了 ...
- vue获取编辑器纯文字_vue中使用富文本编辑器
前端使用富文本编辑器的插件有很多,今天献上wangeditor的使用教程,教你如何在vue中使用富文本编辑器 wangeditor是一个萌新富文本编辑器,基于js和css,重点在于它轻量,如果你需要的 ...
- Markdown编辑器和富文本编辑器的区别
目录 引言 Markdown编辑器和富文本编辑器的区别 Markdown的说明 引言 如果想要得到不带任何格式的文字,那么就不需要复杂的工具,windows的自带的文本编辑器就可以. 但是在日常的生活 ...
- linux文件编辑器的三种模式,Linux中文本编辑器三种工作模式切换及vi编辑器三种工作模式下命令详解...
文本编辑器的作用 创建或修改文本文件 维护Linux系统中的各种配置文件 Linux中最常用的文本编辑器 Linux中最常用的文本编辑器 vi:类UNIX操作系统的默认文本编辑器 vim:vim时vi ...
- 在Django项目中使用富文本编辑器
2019独角兽企业重金招聘Python工程师标准>>> 1 开发要点 现在网上有很多的富文本编辑器,包括Markdown.tinymce.UEditor.KindEditor.cke ...
- django 与 百度 ueditor 富文本编辑器集成
django 是基于 python 的一个很好的web开发框架.ueditor 是百度开源的一个富文本编辑器.有很好的用户体验,很适合中国人使用的一个编辑器. 在使用ueditor 之前,我集成过 f ...
- Django项目中集成富文本编辑器的通用方法,适合KindEditor,xhEditor,NicEditor,wymeditor等 .
首先,请参考我以前写的一篇博客:如何把nicEditor集成到django中使用 http://blog.csdn.net/huyoo/article/details/4382317 这篇文章中的做法 ...
- django html文本编辑器,django xadmin 集成DjangoUeditor富文本编辑器
#### 本文档记录自己的学习历程! #### 介绍 - Ueditor HTML编辑器是百度开源的在线HTML编辑器,功能非常强大 #### 额外功能 - 解决图片视频等无法上传显示问题 #### ...
最新文章
- 命令注入工具Commix
- ValueError: do_handshake_on_connect should not be specified for non-blocking sockets
- Google Guava:您永远不会知道的5件事
- 前端学习(487):css选择器下
- Ubuntu16.04彻底删除MySQL5.7
- php优化上百次foreach,php – 优化数千个项目的foreach
- regexbuddy使用记录
- boot空间不足 linux,linux——boot空间不足
- mysql 常用日期,时间函数
- (day 38 - 双指针) 剑指 Offer 52. 两个链表的第一个公共节点
- 项目开发计划——机房收费系统
- Obsidan之数学公式的输入
- C语言——三位数的百位,十位,个位分别输出
- figma制作点击下拉菜单
- 信任,是从心底产生的感觉
- 团体程序设计天梯赛-L1练习集
- jQuery隐藏和显示
- 【书签】web自动化测试之selenium
- SD卡扇区损坏引起了读文件失败
- nRF52840/nRF52832 低功耗的测试工程