Django实现的博客系统中使用富文本编辑器ckeditor
操作系統為OS X 10.9.2,Django為1.6.5.
1.下載和安裝
1.1 安裝 ckeditor
下載地址?https://github.com/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 Pillow2.在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')), # 引入ckeditormodels.py 文件中
from django.db import models from 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? ? ?http://www.nanerbang.com/article/2/
關于在django下使用ckeditor的步驟和技巧?http://blog.163.com/zhulp0372@yeah/blog/static/115894479201172422439697/
?
轉載于:https://www.cnblogs.com/zifenger/p/3904536.html
總結
以上是生活随笔為你收集整理的Django实现的博客系统中使用富文本编辑器ckeditor的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 手把手教你做关键词匹配项目(搜索引擎)-
- 下一篇: .htaccess 后门