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 modelsfrom django.contrib.auth.models import AbstractUserfrom 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"]');});

--结束--