Django注意知识点(二)
2024-09-05 13:52:35
Tinymce富文本 前台和后台的使用
一,后台 Admin
1. 于 settings.py 文件中修改 INSTALLED_APPS
2. 于 settings.py 文件中增添如下配置
# 富文本配置
TINYMCE_DEFAULT_CONFIG = {
'theme': 'advanced',
'width': 600,
'height': 400,
}
3. 于 工程目录下的urls.py文件中增添如下路径
re_path('^tinymce/', include(('tinymce.urls', 'tinymce'), namespace='tinymce')), # 富文本
4. 于 App目录下的 admin.py文件 中 进行如下操作
from tinymce.models import HTMLField # 某一模型中的介绍文本输入
content = HTMLField(verbose_name="主要介绍")
5. 大公完成
二,前台 Templates
1. 于 父模板 或 所在模板中增添
<script src="{% static 'tiny_mce/tiny_mce.js'%}"></script>
<script>
tinyMCE.init({
'mode':'textareas',
'theme': 'advanced',
'width': 850,
'height': 300,
})
</script>
2. 下面所以的 textareas 就显示为 富文本 样式了
<div> <label for="content">主要介绍</label> <textarea name="content" id="content" cols="" rows=""></textarea></div>
补充:注意点
有的 教程 说要 从 下载的 python 环境中 找到 tiny_mce.js 或 tiny_mce_src.js 放到 静态目录下再引用,但是很大几率不对,显示不出来
django 自带的 富文本 直接引用 /static/tiny_mce/tiny_mce.js 即可,不用管是否自己创建的静态目录下是否能看见的说
最新文章
- OpenGL中glVertex、显示列表(glCallList)、顶点数组(Vertex array)、VBO及VAO区别
- redis-cache中的callback
- nfs服务器设置
- Linux访问Windows磁盘实现共享
- Java_Hbase优化
- iOS开发——实用篇Swift篇&;状态栏操作
- Mina学习之IoBuffer
- android 安全退出应用程序的几种方法
- 单点登录CAS使用记(二):部署CAS服务器以及客户端
- Android系统五大布局详解Layout
- nodejs运用passport和passport-local分离本地登录
- 搭建多系统yum服务器
- 获取url参数值(可解码中文值)
- 前端使用Mock服务Json-server
- Django:学习笔记
- Pandas 基础(12) - Stack 和 Unstack
- c语言基本数据类型(short、int、long、char、float、double)
- STM32F4—fsmc的配置步骤
- Migrating from Spring 3 to Spring 4 - org.springframework.scheduling.quartz.CronTriggerBean
- 关于README的内容