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 Model 中添加富文本编辑器 CKEditor

在 Django Model 中添加富文本编辑器 CKEditor
  • qq_36453146
  • qq_36453146
  • 2017年09月16日 19:28
  • 146

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

原文链接:http://www.cnblogs.com/shawlang/p/4766681.html 使用富文本编辑器上传的文件是要放到服务器上的,所以这是一个request。既然是一个reque...
  • u013398398
  • u013398398
  • 2016年08月05日 11:45
  • 1340

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

如何添加富文本编辑器参考点击打开链接 在上文中的config.js为: KindEditor.ready(function(K) { K.create('textarea[name...
  • shengweisong
  • shengweisong
  • 2016年04月12日 23:00
  • 1565

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

软件环境:Python 3.4.3+Django 1.8.5+KindEditor 4.1.10 1. kindeditor简介: KindEditor 是一套开源的在线HTML编辑器,主要...
  • u014646358
  • u014646358
  • 2015年10月27日 14:35
  • 23087

Django之富文本编辑器的使用,超级简单~

前端显示:Step1: pip3 install django-tinymce Step2: tinyMCE.init({ 'mode':'textareas', ...
  • qq_33733970
  • qq_33733970
  • 2017年11月24日 15:38
  • 381

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

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

django 与 百度 ueditor 富文本编辑器集成

django 是基于 python 的一个很好的web开发框架。ueditor 是百度开源的一个富文本编辑器。有很好的用户体验,很适合中国人使用的一个编辑器。 在使用ueditor 之前,我集成...
  • judyge
  • judyge
  • 2015年11月03日 16:20
  • 684

Django如何添加富文本编辑器?

参考:http://jingyan.baidu.com/article/fea4511a02ac68f7bb9125a6.html 1、去官网下载CKEditor,免费, 2、解压放到...
  • gavinking0110
  • gavinking0110
  • 2017年03月11日 10:23
  • 360

Django添加富文本编辑器kindeditor

kindeditor简介: KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(tex...
  • jueyings
  • jueyings
  • 2017年04月21日 17:18
  • 584

Django在admin后台集成TinyMCE富文本编辑器添加上传图片功能

博客网站怎么能少了图片,为TinyMCE编辑器添加上传图片功能。   第一步:定义表存图片路径 models.py class AdminIMG(models.Model): ...
  • hjxzt1
  • hjxzt1
  • 2017年09月23日 21:28
  • 247
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:django添加富文本编辑器
举报原因:
原因补充:

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