日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 运维知识 > windows >内容正文

windows

Django实现的博客系统中使用富文本编辑器ckeditor

發布時間:2024/4/17 windows 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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 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 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的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。