django中富文本编译器ckeditor后台编辑用户商品数据

django中富文本编译器ckeditor使用

我们为了能让用户发送图片加字段操作。引入ckeditor富文本编译器的包实现这部分功能。

下载ckeditor包

INSTALLED_APPS = [
	........
    'ckeditor',
    'ckeditor_uploader',
    .........
]

设置上传路径，由于之前配置了fdfs这里添空会默认为fdfs地址保存
CKEDITOR_UPLOAD_PATH = ''
设置ckeditor的样式
CKEDITOR_CONFIGS = {
'default': {
    'toolbar': 'full',  # 工具条功能
    'height': 300,  # 编辑器高度
    'width': 800,  # 编辑器宽
},

}

创建需要使用ckeditor编辑的商品模块

在项目同名文件夹下新建app，进入虚拟环境，切换到apps文件夹路径，键入

python ../../manage.py startapp APP名

创建以后在settings中注册一下新建的APP

好了，现在我们来建立我们需要用富文本编辑器来编辑的部分了

创建一个模型基类

模型有些时候会有相同字段，为了让这些字段不重复的写，我们可以自定义一个模型基类。
当然像我现在的这个模型就没什么必要了，东西比较少，但是电商的商品字段非常多，所以你需要把部分常用的字段写个基类然后继承，比如这样

创建了一个带is_delete字段的基类模型，之后如果需要用这个字段的模型就可以继承这个模型就可以了

创建模型

from django.db import models
添加ckeditor
from ckeditor_uploader.fields import RichTextUploadingField

class library(models.Model):
    .......
    lib_img=RichTextUploadingField(verbose_name='img of the good')
    lib_commit=RichTextUploadingField(verbose_name='commit of the good')

    class Meta:
        db_table = 'libraries'
        verbose_name = 'library'
        verbose_name_plural = verbose_name

将模型注册到这个模块中的admin.py文件下

from django.contrib import admin
from . import models

# Register your models here.
admin.site.register(models.library)

在url中添加以下ckeditor视图

from django.conf.urls import url,include
from django.contrib import admin


urlpatterns = [
	........
    url(r'^ckeditor/',include('ckeditor_uploader.urls'))
]

注意：ckeditor有自带的view视图，所以不经过注册没有办法实现
开启后端检测我们的成果




这里就完成了