django 个人博客系统开发 - 富文本编辑器

常见的富文本编辑器

ckeditor 

ueditor

kindeditor

tinymce

admin中添加富文本编辑器的方式

1，第三方库，如django-ckeditor

2，admin中定义富文本编辑器widget(了解)

3，定义ModelAdmin的媒体文件

1的例子

*安装django-ckeditor

*修改models.py

# -*- coding:utf-8 -*-
from django.db import models
from django.contrib.auth.models import AbstractUser
from ckeditor.fields import RichTextField#

# Create your models here.
...
class Article(models.Model):
    ...
    # content = models.TextField(verbose_name='文章内容')
    content = RichTextField(verbose_name='文章内容')##
    ...
...

把Lib\site-packages\ckeditor下载的

static和templates下的文件拷到自己项目的相应的静态文件和模板文件夹内

--结束--

-----

3的例子

*下载kindeditor文件

*定义ModelAdmin媒体文件

class ArticleAdmin(admin.ModelAdmin):
    # 引入媒体文件
    class Media:
        js = (
            '/static/js/kindeditor/kindeditor-all.js',
            '/static/js/kindeditor/kindeditor-all-min.js',
            '/static/js/kindeditor/config.js',
        )

config.js 需要手动创建，内容如下

KindEditor.ready(function(K) {
    window.editor = K.create('textarea[name="content"]');
});

--结束--