码迷,mamicode.com
首页 > 其他好文 > 详细

django开发5_富文本编辑器

时间:2018-08-05 14:26:33      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:百度一下   alt   路径   标签   打开   content   图片   inf   删除   

1、下载kindeditor,百度一下

2、把解压后的文件放在js文件夹下,如

技术分享图片

3、保存着几个文件,其余在python用不到,删除了

技术分享图片

4、打开admin.py文件,文章模型进行配置,为文章内容添加一个富文本编辑框

技术分享图片

5、以上的3个js文件路径为刚复制进来的路径。可根据自己路径修改。

其中config.js文件没有,可以创建一个,主要用来创建一个kindeditor

如下:

技术分享图片

6、让其找到文章内容,如下

如:我的文章内容在textarea标签下,还有一个属性为name=content

技术分享图片

可以打开开发者工具,或者在谷歌下按住ctrl+shift+i打开,定位到文章内容位置,查看元素

技术分享图片

 

 

 7、添加后,再次打开,可以查看到富文本框已经添加成功

如下

技术分享图片

ps:富文本编辑框的长高,可以再config.js中配置。

width:500,
height:200,

django开发5_富文本编辑器

标签:百度一下   alt   路径   标签   打开   content   图片   inf   删除   

原文地址:https://www.cnblogs.com/beiguoxia/p/9425065.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!