时间:2021-05-22
缺少富文本,形式过于单一,不便于浏览与阅读。
一种可行的方法记录如下:
1-下载第三方富文本KindEditor,连接http://kindeditor.net/down.php或者baidu。
2-解压到Django项目下的static/js下,如图所示:
默认没有config.js,需要自行建立config.js,其中内容可参照KindEditor官网或以下代码:
KindEditor.ready(function(K) { K.create('textarea',{ width:700, height:200, }); });#注意textarea的参照,width,height分别对文本框宽度、高度设置3-在你的admin.py中,需要增加富文本的类别代码形式如下:
4-至此,刷新后就可以看到内容区增加了富文本编辑功能了,如果没有需要对照上述步骤仔细检查下,不熟练的情况下copy代码不要修改
5-最后我这边遇到了一个小坑,增加了格式的页面在浏览时显示了html语法,需要关闭html转义,
方法是在模板中修改:
将{{ article.content }}修改为
{{ article.content|safe }},另一种方法是:
{% autoescape off %}
{{ article.content }}
{% endautoescape %}
修改后:
6-文件上传还需要设置路径及相关配置,这个下一个记录当中说明。
以上这篇Django内容增加富文本功能的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
最近一段时间都在学django,现在的网站基本都要使用到富文本编辑器,今天就记录下使用django的管理后台的一个富文本编辑器的第三方库DjangoUedito
前言django是一个容易快速上手的web框架,用它来创建内容驱动型的网站(比如独立博客)十分方便。遗憾的是,django并没有提供官方的富文本编辑器,而后者恰
Django原生的TextField并不友好,集成TinyMCE富文本编辑器Django版本:1.11.5TinyMCE版本:4.6.7第一步:从官网下载Tin
本文实例讲述了微信小程序整合使用富文本编辑器的方法。分享给大家供大家参考,具体如下:使用WxParse插件实现小程序的富文本显示,下载地址:富文本插件WxPar
前言:很多时候我们都会用富文本,比如说在版权区、博客文章编辑时等等。但是如果我们要做一个搜索的功能,去从富文本中查找关键字,就需要将富文本中的文本了。但是dja