操作系统为OS X 10.9.2,Django为1.6.5.
1.下载和安装
1.1 安装 ckeditor
下载地址/shaunsephton/django-ckeditor,下载后进入目录安装
django-ckeditor-master bamboo$ sudo python setup.py install
1.2 安装 Pillow
django-ckeditor-master bamboo$ easy_install Pillow
sudo ARCHFLAGS=-Wno-error=unused-command-line-argument-hard-error-in-future easy_install Pillow
2.在Django中进行配置
setting.py 文件
添加 ckeditor 到INSTALLED_APPS 中
INSTALLED_APPS = ('django.contrib.admin','django.contrib.auth','django.contrib.contenttypes','django.contrib.sessions','django.contrib.messages','django.contrib.staticfiles','aaa', # 添加应用aaa'bob', # 添加应用bbb'ckeditor', # 添加应用富文本编辑器 ckeditor)
static 和 media 的路径设置
STATIC_URL = '/static/'STATIC_ROOT = os.path.join(BASE_DIR, 'static') MEDIA_URL = '/media/'MEDIA_ROOT = os.path.join(BASE_DIR, 'media')CKEDITOR_UPLOAD_PATH = os.path.join(MEDIA_ROOT, 'ckeditor/uploads')
CHEDITOR_UPLOAD_PATH 指定通过ckeditor所上传的文件的存放目录。
2.1 在admin中看到编辑页面
urls.py 文件中,设置ckeditor的url
url(r'^ckeditor/', include('ckeditor.urls')), # 引入ckeditor
models.py 文件中
from django.db import modelsfrom ckeditor.fields import RichTextFieldclass Article(models.Model):'''日志'''title = models.CharField(verbose_name='标题', max_length=150, blank=False, null=False)content = RichTextField('正文') # 使用ckeditor中的RichTextField
配置完成后,即可在admin的页面中看到富文本编辑器的界面
2.2 在前台页面中看到ckeditor界面
将安装目录中的ckeditor复制到static中
static bamboo$ cp -ri /Library/Python/2.7/site-packages/django_ckeditor_updated-4.2.8-py2.7.egg/ckeditor/static/* /Users/workspace/myblog/static/
在 write.html页面中添加JS
<script type="text/javascript" src="/static/ckeditor/ckeditor/ckeditor.js"></script>
在显示页面view.html中添加 safe 标签
{{ article.content|safe }}
参考资料:
基于django的博客系统如何完美地使用富文本编辑器ckeditor? /article/2/
关于在django下使用ckeditor的步骤和技巧/zhulp0372@yeah/blog/static/11589447972422439697/