Django实战-番外篇-tinymce富文本编辑器

富文本编辑器在 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:

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190617A0UL2Z00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券