极墨笔记

 找回密码
 立即注册
搜索
热搜: UG 建模 discuz
查看: 511|回复: 0

[分享] Django 后台文章富文本编辑器添加

[复制链接]

565

主题

731

帖子

7477

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
7477

活跃会员推广达人突出贡献优秀版主荣誉管理论坛元老

发表于 2018-11-28 22:11:31 | 显示全部楼层 |阅读模式
KindEditor是一套开源的HTML可视化编辑器,我用的就是这个编辑器,点我跳转至官网。
1.将下载来的压缩包解压放置到静态文件的js目录下,并在kindeditor目录下创建一个“config.js”配置文件。
  1. config.js
复制代码
2.“config.js”中添加下面这段代码:
  1. KindEditor.ready(function (K) {
  2.     K.create('textarea',{
  3.         width:'500px',
  4.         height:'200px',
  5.         uploadJson: '/admin/upload/kindeditor',
  6.     })
  7. });
复制代码
这里的uploadJson: '/admin/upload/kindeditor',是用于后面的文件上传使用。
3.在admin.py中添加下面这段代码引入富文本编辑器的js相关文件。
  1. @admin.register(Article)
  2. class ArticleAdmin(admin.ModelAdmin):
  3.     class Media:
  4.         js = (
  5.             '/static/js/kindeditor/kindeditor-all.js',
  6.             '/static/js/kindeditor/lang/zh-CN.js',
  7.             '/static/js/kindeditor/config.js',
  8.         )
复制代码
查看后台文章模块,已经成功添加富文本编辑器。 215503trr272x7gr9prebp.png
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|论坛版权|极墨笔记 ( 浙ICP备17036881号-1 )

GMT+8, 2019-12-9 02:22 , Processed in 0.056309 second(s), 22 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表