Django添加富文本编辑器ckeditor

Django中大段文字采用的是textfield模型,但是textfield太简单,没办法设置更多的格式(加粗,颜色字体等),所以就需要使用富文本编辑器ckeditor
ckeditor免费且功能强大

安装ckeditor

pip install django-ckeditor

将ckeditor与ckeditor_upload加入INSTALLED_APPS中

ckeditor 不允许上传图像和其他文件,只能编辑文本
ckeditor_uploader 可以直接上传文本

INSTALLED_APPS = [
	'django.contrib.admin',
	'django.contrib.auth',
	'django.contrib.contenttypes',
	'django.contrib.sessions',
	'django.contrib.messages',
	'django.contrib.staticfiles',
	'dome',
	'ckeditor',
	'ckeditor_uploader',
]
在settings.py文件中加入CKEDITOR_JQUERY_URL

因为django-ckeditor在ckeditor-init.js中使用了JQuery,所以必须加入指定JQuery库的路径

CKEDITOR_JQUERY_URL = 'https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'
定义STATIC_ROOT(ckeditor功能)

执行python manage.py collectstatic,将CKEditor需要的媒体资源下载到STATIC_ROOT指定的路径中

STATIC_ROOT = os.path.join(BASE_DIR, 'static/')
配置MEDIA_ROOT和MEDIA_URL(ckeditor_uploader功能)

在settings.py中定义MEDIA_ROOT和MEDIA_URL,指定CKEDITOR_UPLOAD_PATH

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR,'media/')
CKEDITOR_UPLOAD_PATH = 'uploads/'
添加CKEditor的URL映射(ckeditor_uploader功能)
url(r'^ckeditor/', include('ckeditor_uploader.urls')),

不加,则会报错NoReverseMatch

定义CKEDITOR_IMAGE_BACKEND

在settings.py中加入CKEDITOR_IMAGE_BACKEND ,使能thumbnails

CKEDITOR_IMAGE_BACKEND = "pillow"
创建models模型(ckeditor功能)
from django.db import models
from ckeditor.fields import RichTextField

class Dome(models.Model):
	title = modeld.CharFiled(max_length=50, verbose_name='标题')
	content = model.RichTextField(blank=True, null=True, verbose_name='内容')

	def __str__(self):
		return self.name
创建models模型(ckeditor_uploader功能)
from django.db import models
from ckeditor_uploader.fields import RichTextUploadingField

class Post(models.Model):
    content = RichTextUploadingField()
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值