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