最近試了幾下Django的編輯器,各有各的好處,在不使用markdown的情況下,發現ckeditor實現的比較簡單,步驟如下。
基本設置
1.安裝django-ckeditor
$ pip install django-ckeditor
2.在setting中,添加ckeditor , ckeditor_uploader 到INSTALLED_APPS
3.在setting中,添加
CKEDITOR_UPLOAD_PATH = "uploads/"
CKEDITOR_IMAGE_BACKEND = "pillow"
CKEDITOR_JQUERY_URL = '//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'
4.執行 python manage.py collectstatic ,收集靜態文件
後端顯示編輯器
5.model中添加ckeditor的字段
from ckeditor_uploader.fields import RichTextUploadingField
class Entry(models.Model):
body = RichTextUploadingField() #RichTextField()
from ckeditor.fields import RichTextField
class Post(models.Model):
content = RichTextField()
6.在admin site中可以顯示。
前端添加編輯器
7.添加js文件
<script src="//cdn.ckeditor.com/4.5.9/standard/ckeditor.js"></script>
8.添加代碼如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor</title>
<script src="//cdn.ckeditor.com/4.5.9/standard/ckeditor.js"></script>
</head>
<body>
<textarea name="editor1"></textarea>
<script>
CKEDITOR.replace( 'editor1' , {uiColor: '#9AB8F3'});
</script>
</body>
</html>
參照
http://docs.ckeditor.com/#!/guide/dev_configuration
https://python.web.id/blog/django-installing-django-ckeditor/
https://github.com/django-ckeditor/django-ckeditor
https://github.com/django-ckeditor/django-ckeditor#installation
http://cdn.ckeditor.com/
http://ckeditor.com/download