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

脚本专栏 2024/10/3 佚名

2 0 1

神剑山庄资源网 Design By www.hcban.com

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

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

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中，需要增加富文本的类别代码形式如下：

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 %}

修改后：

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

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

Django内容增加富文本

标签：

Django内容增加富文本

神剑山庄资源网 Design By www.hcban.com

神剑山庄资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

神剑山庄资源网 Design By www.hcban.com

评论“Django内容增加富文本功能的实例”

暂无Django内容增加富文本功能的实例的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年10月03日

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

Django内容增加富文本

python 中的divmod数字处理函数浅析

Python中的id()函数指的什么

评论“Django内容增加富文本功能的实例”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接