Django内容增加富文本功能的实例


Posted in Python onOctober 17, 2017

缺少富文本,形式过于单一,不便于浏览与阅读。

一种可行的方法记录如下:

1-下载第三方富文本KindEditor,连接http://kindeditor.net/down.php或者baidu。

2-解压到Django项目下的static/js下,如图所示:

Django内容增加富文本功能的实例

默认没有config.js,需要自行建立config.js,其中内容可参照KindEditor官网或以下代码:

KindEditor.ready(function(K) {
    K.create('textarea',{
     width:700,
     height:200,
    });
  });

#注意textarea的参照,width,height分别对文本框宽度、高度设置

Django内容增加富文本功能的实例

3-在你的admin.py中,需要增加富文本的类别代码形式如下:

class ArticleAdmin(admin.ModelAdmin):
  class Media:
   js={
    '/static/js/kindeditor/lang/zh-CN.js',
    '/static/js/kindeditor/kindeditor-all-min.js',
    '/static/js/kindeditor/config.js',
   }
 
 
admin.site.register(Article, ArticleAdmin)

4-至此,刷新后就可以看到内容区增加了富文本编辑功能了,如果没有需要对照上述步骤仔细检查下,不熟练的情况下copy代码不要修改

5-最后我这边遇到了一个小坑,增加了格式的页面在浏览时显示了html语法,需要关闭html转义,

方法是在模板中修改:

将{{ article.content }}修改为

{{ article.content|safe }},另一种方法是:

{% autoescape off %}

{{ article.content }}
{% endautoescape %}

Django内容增加富文本功能的实例

修改后:

Django内容增加富文本功能的实例

6-文件上传还需要设置路径及相关配置,这个下一个记录当中说明。

以上这篇Django内容增加富文本功能的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
详解Django中Request对象的相关用法
Jul 17 Python
Python爬虫爬验证码实现功能详解
Apr 14 Python
Python实现将数据库一键导出为Excel表格的实例
Dec 30 Python
python并发编程之线程实例解析
Dec 27 Python
使用apidocJs快速生成在线文档的实例讲解
Feb 07 Python
Python爬虫工程师面试问题总结
Mar 22 Python
Python实现判断并移除列表指定位置元素的方法
Apr 13 Python
python对list中的每个元素进行某种操作的方法
Jun 29 Python
Django之无名分组和有名分组的实现
Apr 16 Python
解决Python列表字符不区分大小写的问题
Dec 19 Python
基于python实现对文件进行切分行
Apr 26 Python
基于python实现删除指定文件类型
Jul 21 Python
Python通过future处理并发问题
Oct 17 #Python
python3设计模式之简单工厂模式
Oct 17 #Python
基于Python和Scikit-Learn的机器学习探索
Oct 16 #Python
python版简单工厂模式
Oct 16 #Python
Python实现扩展内置类型的方法分析
Oct 16 #Python
Python使用文件锁实现进程间同步功能【基于fcntl模块】
Oct 16 #Python
python利用paramiko连接远程服务器执行命令的方法
Oct 16 #Python
You might like
PHP新手用的Insert和Update语句构造类
2012/03/31 PHP
php文字水印和php图片水印实现代码(二种加水印方法)
2013/12/25 PHP
php数据库操作model类(使用__call方法)
2016/11/16 PHP
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
2010/12/11 Javascript
javascript延时加载之defer测试
2012/12/28 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
2014/10/30 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
2015/05/04 Javascript
Bootstrap精简教程
2015/11/27 Javascript
下雪了 javascript实现雪花飞舞
2020/08/02 Javascript
微信小程序 wx.request方法的异步封装实例详解
2017/05/18 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
2017/07/05 Javascript
浅谈React深度编程之受控组件与非受控组件
2017/12/26 Javascript
JavaScript实现的开关灯泡点击切换特效示例
2019/07/08 Javascript
[06:21]完美世界亚洲区首席发行官竺琦TI3采访
2013/08/26 DOTA
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
单利模式及python实现方式详解
2018/03/20 Python
python的pandas工具包,保存.csv文件时不要表头的实例
2018/06/14 Python
Django 开发环境与生产环境的区分详解
2019/07/26 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
python ctypes库2_指定参数类型和返回类型详解
2019/11/19 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
Python如何实现定时器功能
2020/05/28 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
Python 绘制可视化折线图
2020/07/22 Python
CSS3中Animation属性的使用详解
2015/08/06 HTML / CSS
Lowe’s加拿大:家居装修、翻新和五金店
2019/12/06 全球购物
房产委托公证书
2014/04/08 职场文书
小学家长评语大全
2014/04/16 职场文书
高中班主任评语大全
2014/04/25 职场文书
环保公益策划方案
2014/08/15 职场文书
钳工实训报告总结
2014/11/04 职场文书
2015社区六五普法工作总结
2015/04/21 职场文书
勇敢的心观后感
2015/06/09 职场文书
Go语言设计模式之结构型模式
2021/06/22 Golang
Spring依赖注入多种类型数据的示例代码
2022/03/31 Java/Android