Django添加ckeditor富文本编辑器

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

通过pip安装。

pip3 install django-ckeditor
pip3 install Pillow

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

INSTALLED_APPS = (
    #
    'ckeditor',
    'ckeditor_uploader'
)

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

CKEDITOR_JQUERY_URL = 'https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'  
  
MEDIA_URL = '/media/'  
  
MEDIA_ROOT = os.path.join(BASE_DIR,'media/')  
  
CKEDITOR_UPLOAD_PATH = 'uploads/'  
  
CKEDITOR_IMAGE_BACKEND = 'PIL'  
  
CKEDITOR_CONFIGS = {  
    'default': {  
        'toolbar': 'full',  
    },  
} 

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

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

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

from ckeditor.fields import RichTextField
#
content = RichTextField() # 将需要使用富文本编辑器的字段改为RichTextField

content = RichTextUploadingField(verbose_name=u'内容')#可以上传图片的

在 templates 中使用内容

{{ content | safe }}