Django开发，给admin模块添加富文本

第一步，下载kindeditor http://kindeditor.net/down.php

第二步，下载下来后放到静态文件static 下面的js下面，如图：

第三步，接着在admin 模块文章类下引入这富文本编辑器：

代码参考：

class ArticleAdmin(admin.ModelAdmin):

    list_display = ('title','desc','content','click_count','is_recommend','date_publish','user','category',)class Media:
        # 在管理后台的HTML文件中加入js文件, 每一个路径都会追加STATIC_URL/
        js = ('js/kindeditor-4.1.10/kindeditor-all.js','js/kindeditor-4.1.10/lang/zh_CN.js','js/kindeditor-4.1.10/config.js',)# Register your models here.
admin.site.register(User)
admin.site.register(Tag)
admin.site.register(Article,ArticleAdmin)
admin.site.register(Category)
admin.site.register(Comment)
admin.site.register(Links)
admin.site.register(Ad)

第四部，接着添加一个文件名字为config.js 添加一些配置

代码参考：

//config.js
KindEditor.ready(function(K) {//通过浏览器调试查看富文本相关信息，如id，name
    window.editor = K.create('textarea[name=content]',{// 指定大小
        width:'800px',height:'200px',});
});

第五步，重新启动项目，浏览器查看即可

Django开发，给admin模块添加富文本相关推荐

网站后台添加富文本编辑器
网站后台需要添加富文本编辑器,偶然的机会发现了百度的UEditor,经过一番配置(我使用的环境是struts2+hibernate+spring),终于是成功了,下面来记录一下配置的过程: step1 ...
在jango中添加富文本
在jango中添加富文本: 大家都知道,大多数社交软件都可以编辑长文本,比如微博,QQ空间说说,微信朋友圈等,但是这些功能都是非富文本,因为他们的功能只能是文字,文字中也不能插图,只能最后再配图,所以 ...
django 高级扩展-中间件-上传图片-分页-富文本-celery
""" django 高级扩展一.静态文件 1.css,js,json,图片,字体等 2.配置setting,在最底下设置静态文件目录,写入下面代码 #配置静态文件目录 ...
开发WinRT自定义组件之富文本框
富文本框是常用的组件之一,多用于文章排版.用户评论等. WinRT组件中内置了两个:RichEditBox.RichTextBlock.RichEditBox可以编辑,RichTextBlock只用来 ...
ios开发 html编辑器,iOS实现富文本编辑器的方法详解
前言富文本编辑器不同于文本编辑器,国内做的比较好的比如有百度的UEditor和kindEditor.但是这两个也有它的缺点:界面过于复杂.不够简洁.UI设计也比较落后.不够轻量化,这篇文章我们将给大 ...
前端学习（2732）：重读vue电商网站42之添加富文本编辑器
vue-quill-editor 官方文档传送门通过 vue-ui 界面,可以安装我们所需要的依赖,或者使用下文 npm 或 yarn安装. NPM Js npm install vue-quill ...
Taro React组件开发（2） —— RuiEditor 富文本编辑器【兼容H5和微信小程序】
1. 富文本编辑器需求分析需要实现图片上传显示,上传使用Taro的 chooseImage 和 uploadFile,完成图片的上传!!! 文字的居左.居中.居右展示,使用格式化方法 format! ...
淘淘商城第三天—完成商品添加功能商品类目选择图片上传图片服务器搭建 kindEditor富文本编辑器的使用商品添加功能
1.实现商品类目选择功能 1.1需求在商品添加页面,点击"选择类目"显示商品类目列表: 请求初始化树形控件的url:/item/cat/list 1.2 EasyUI tree数 ...
【Django 027】tinymce富文本框使用详解
针对博客和论坛类网站,用户需要在网页的富文本框中输入内容传递到后端.那么Django项目如何生成一个包含富文本框的页码,又如何获取用户上传的富文本内容呢?这一节我们就一起来看看. 我是T型人小付,一位 ...

Django开发，给admin模块添加富文本

Django开发，给admin模块添加富文本相关推荐

最新文章

热门文章