django添加富文本编辑器

原创 2015年07月06日 16:32:17

django后台添加富文本编辑器

没有富文本编辑器,那个写出来的东西真是太丑陋了。而且只能是文字,不能添加图片,不能加入一些表情。
那么我们开始吧:使用KindEditor,一个小巧的编辑器。

1.首先到Kindeditor官网(http://kindeditor.net/down.php) 下载 最新版本。
2.解压将其考入服务器文件中。我这里将其拷入JS文件夹中。
3.部署编辑器,在django的Admin类中添加引用。我这里就时这样啦,因为要用的是关于建立文章。
4.我们需要在kindeditor-4.1.10中建立一个配置文件config.js,添加内容
KindEditor.ready(function(K) {
K.create(‘#editor_id’);
});
在使用编辑器的位置把id替换上去。我的是:
-**KindEditor.ready(function(K) {
K.create(‘textarea[name=content]’,{
width:800,
height:200,
} );**
然后就大公告成啦!

版权声明:本文为博主原创文章,未经博主允许不得转载。

Django之如何在admin页面下添加富文本编辑器

操作系统: Ubuntu14.04 IDE:pycharm django_version:1.8 富文本编辑器:kindeditor 浏览器:chrome 第一步:从官网上下载点击打开链接 第...

Django之在富文本编辑其中添加图片

如何添加富文本编辑器参考点击打开链接 在上文中的config.js为: KindEditor.ready(function(K) { K.create('textarea[name...

11. Django 引入富文本编辑器KindEditor

一路走来,DJango也用了挺久了,自己也做了一些基于Django的小项目,具体可看github,但是Django默认的admin后台编辑文本框实在是太丑了,而且单一,其实在很久之前就想写这篇文章了,...

Django Admin:添加富文本编辑器kindeditor

软件环境:Python 3.4.3+Django 1.8.4+KindEditor 4.1.7 1. kindeditor简介: KindEditor 是一套开源的在线HTML编辑器,主要...

给Django后台富文本编辑器添加上传文件的功能

原文链接:http://www.cnblogs.com/shawlang/p/4766681.html 使用富文本编辑器上传的文件是要放到服务器上的,所以这是一个request。既然是一个reque...

django-blog-zinnia添加文本编辑器ckeditor

CKEditor文本编辑器是一款旨在简化Web内容编辑的即用(ready for use)的HTML文本编辑器。它是一款所见即所得(WYSIWYG)的编辑器,涵盖了常用的文本编辑功能。CKEditor...

为Django添加富文本编辑器TinyMCE

在后台管理Django的model时,需要为TexeArea添加

django 整合富文本编辑器 tiny_mce

from:http://blog.csdn.net/fuwencaho/article/details/41164901 目录(?)[-] 一下载代码二服务器目录三modelspy...

Django集成Ueditor富文本编辑器及少量功能定制详解

本文介绍了如何在Python2.7+Django1.7的环境下集成Ueditor1.4.3的前端,并自行编写后端的处理过程,使得该富文本编辑器可以上传图片、文件、涂鸦等等。 本文适合已经对Python...
  • samed
  • samed
  • 2015年01月06日 23:24
  • 2678

富文本编辑器kindeditor嵌到django中 文件上传和文件管理代码

#上传文件 @csrf_exempt def ke_upload_view(request): ext_allowed = {} ext_allowed["image"] = ['gi...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:django添加富文本编辑器
举报原因:
原因补充:

(最多只允许输入30个字)