富文本编辑器在 web应用中使用广泛,比如 markdown、ueditor 等,像这些编辑器都有集成在 python 和 django 的第三方包。
安装 tinymce
环境:ubuntu 16.04 + django 2.0 + python 3.5
python 3
配置 tinymce
在 django 项目的 settings.py 文件的INSTALLED_APPS
以本次电商项目为例:
作为 admin 中的应用
配置参数
这里的 width 和 height 只能控制在 admin 中的大小,不能控制在视图中的大小。
tinymce 主路由配置
需要在项目的主路由中配置tinymce 的 url
在 app 中应用
以本次电商项目的商品应用中的 models.py商品SPU表为例
改完 models.py 后,记得做数据库迁移
前端富文本转义
使用形式:{}
意义:当系统设置autoescaping打开的时候,该过滤器使得输出不进行escape转换
整合上传图片功能
处理 imageupload_url: '/upload_img/' 上传文件的路径背后的视图处理,根据django的映射规则,在urls.py添加路径:
添加 views.py 中的处理接收上传的函数 upload_img:
领取专属 10元无门槛券
私享最新 技术干货