Django添加ckeditor富文本编辑器

源码 https://github.com/django-ckeditor/django-ckeditor

通过pip安装。

1pip3 install django-ckeditor
2pip3 install Pillow

在settings.py的INSTALLED_APPS里添加ckeditor和ckeditor_uploader两个应用。

1INSTALLED_APPS = (
2    #
3    'ckeditor',
4    'ckeditor_uploader'
5)

在settings.py里进行ckeditor的相关配置。

1CKEDITOR_JQUERY_URL = 'https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'  
2  
3MEDIA_URL = '/media/'  
4  
5MEDIA_ROOT = os.path.join(BASE_DIR,'media/')  
6  
7CKEDITOR_UPLOAD_PATH = 'uploads/'  
8  
9CKEDITOR_IMAGE_BACKEND = 'PIL'  
10  
11CKEDITOR_CONFIGS = {  
12    'default': {  
13        'toolbar': 'full',  
14    },  
15}

接下来在urls.py里配置ckeditor相关的url。

1from django.conf.urls import url,include
2urlpatterns = [
3      url(r'^ckeditor/', include('ckeditor_uploader.urls')),
4]

最后修改需要使用富文本编辑器的Django APP的目录下的models.py。其中RichTextField拥有TextField的全部参数，还拥有其他的一些参数。

1from ckeditor.fields import RichTextField
2#
3content = RichTextField() # 将需要使用富文本编辑器的字段改为RichTextField
4
5content = RichTextUploadingField(verbose_name=u'内容')#可以上传图片的

在 templates 中使用内容

{{ content | safe }}