Django开发者群的帖子：

Django开发者群 - 讨论区

标题：【教程】django admin中使用CKEditor（图片上传）

楼主 2011年03月22日星期二 22:12

Django 的admin中使用CKEditor:

环境：

system: ubuntu 10.10

python: 2.6.6

django: 1.2.5 final

web server: django自带

DEMO名： max

DEMO所在路径：/home/maotoo/django/

基础部分：

1：从此处下载django-CKEditor: https://github.com/shaunsephton/django-ckeditor#readme。解压下载的文件，安装到django中，（即：从命令行进入刚刚下载解压缩的文件，运行python setup.py install，系统就会自动完成安装。如果linux记得给安装权限。)

2：建立DEMO工程,打开命令行：

django-admin.py startproject max #建立项目 max，注意项目所在的目录，

3：建立一个基本的app：

python manage.py startapp news

model.py如下：

from django.db import models

from django.contrib import admin

class News(models.Model):

news_title=models.CharField('标题',max_length=200,unique=True)

news_content=models.TextField('内容')

def __unicode__(self):

return self.news_title

class NewsAdmin(admin.ModelAdmin):

list_dislpay='news_title',

admin.site.register(News,NewsAdmin)

4：开启django的admin功能，并将刚刚建立的app : news 注册到admin中，在测试服务器下运行，此时还没有涉及到CKEditor部分，基本上都能完成。

文件配置：

1：在max中建立如下文件夹：

static:用来保存CKEditor(js,CSS等文件)

uploads:图片上传保存位置

2：进入刚刚下载的django_CKEditor,将目录中的ckeditor复制到max中。将ckeditor/media/下的ckeditor粘贴到static中。

3：进入max/settings.py:

#详细意思请看安装说明：https://github.com/shaunsephton/django-ckeditor#readme

CKEDITOR_MEDIA_PREFIX = "/static/ckeditor/"

#指定CKEditor访问JS，CSS文件的前缀，注意不要忘记首尾斜杠

CKEDITOR_UPLOAD_PATH = "/home/maotoo/django/max/uploads"

#图片上传的路径

CKEDITOR_UPLOAD_PREFIX = "http://localhost:8000/uploads/

#访问上传文件的前缀

CKEDITOR_RESTRICT_BY_USER=True

#开启图片上传功能

CKEDITOR_CONFIGS = {

'default': {

      	  'toolbar': 'Full',
	        'height': 300,
      	  'width': 300,
	    },
	    'awesome_ckeditor': {
      	  'toolbar': 'Basic',
    		},
	}			#CKEditor的一些定制
4:进入max/urls.py：
	再url中添加：
	(r'^ckeditor/', include('ckeditor.urls')),

5:添加templates文件：
	max/settings.py:
	TEMPLATE_DIRS=(
	'/home/maotoo/django/max/ckeditor/templates/',
	)
	
文件配置基本上就完成了。