media(图片管理)和ckeditor(富文本编辑框)的使用

Django中media的使用配置

settings的配置

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR,'media')

url的配置

from django.views.static import serve
from django.conf import settings

urlpatterns = [
 
    url(r'^media/(?P<path>.*)', serve, {'document_root': settings.MEDIA_ROOT}),
]

 

Django三方模块ckeditor的使用配置

1. 下载

pip install django-ckeditor

 

2. setting配置

INSTALLED_APPS = [
    
    'ckeditor',
    'ckeditor_uploader',
]

CKEDITOR_UPLOAD_PATH = 'ckeditor/'

 

3. 使用字段

from ckeditor_uploader.fields import RichTextUploadingField


class ArticleDetail(models.Model):
    content = RichTextUploadingField(verbose_name='文章详情')

4. 配置url

from ckeditor_uploader import views

urlpatterns = [

    url(r'^media/(?P<path>.*)', serve, {'document_root': settings.MEDIA_ROOT}),
    # 上传文件
    url(r'^ckeditor/upload/', views.upload),
    url(r'^ckeditor/', include('ckeditor_uploader.urls')),

]

5. 模板中

{{ field }}   富文本编辑框的字段

<script src="{% static 'ckeditor/ckeditor/ckeditor.js' %}"></script>
<script src="{% static 'ckeditor/ckeditor-init.js' %}"></script>