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 }}