Django框架的文本编辑器Django-CKeditor无疑是很强大,且用户量是该框架中最大之一。我们在搜索引擎搜索Django-CKeditor的教程,几乎都是关于在Django集成后台admin中使用的教程,非常的简单。现在你如果想在前台使用文本编辑器,怎么办呢,我估计大部分同学都不会吧。我一开始也研究了很久,后来才想明白了,当然也走了很多弯路,下面我们一起来看下怎么回事吧。
安装Django-CKeditor
两种安装方式:
1. 用终端命令行安装
pip install django-ckeditor
2. 在pycharm中file>settings>你的项目中进行安装
HTML中引用js/css文件
引入CKeditor的js文件和css文件。
加入textarea标签,请务必先按如下格式写入,然后可以改下样式
此时便可在前台呈现CKeditor的文本编辑器界面,也可以提交数据到后台了。
Models字段设置
引入
from ckeditor_uploader.fields import RichTextUploadingField
定义字段
p_contents = RichTextUploadingField(config_name='crm_competitors')
现在就可以在views.py中接收前端数据并写入到数据库了,怎么样,是不是比网上搜索的教程自主性要高很多