阅读本文需要你对
Django
项目的创建和基本使用有一定的了解
一、快速使用
1、安装
在项目根目录下克隆项目后再安装:
git clone /twz915/DjangoUeditor3.gitcd DjangoUeditor3python setup.py install
不要用
pip install DjangoUeditor
命令安装,因为现在(.12.24)pipy
上的版本是基于python2
的,我们的Django2
用不了
2、settings.py 中添加APP:DjangoUeditor
INSTALLED_APPS = [...'DjangoUeditor',]
3、根 urls.py 中配置路由
urlpatterns = [...path('ueditor/', include('DjangoUeditor.urls')),]
4、在 Models.py 中应用
很简单的,直接把自己想要使用富文本编辑器的字段应用为UeditorField就可以了:
class Article(models.Model):title = models.CharField('标题', max_length=100)content = UEditorField('内容', width=1000, height=500, toolbars="full", blank=True)def __str__(self):return self.title
其实,该富文本编辑器字段是继承自
models.TextField
的
再创建/刷新数据库:
python manage.py makemigrations
然后一运行,哈哈哈报错MD:
File "E:\test_ueditor\test_ueditor\venv\lib\site-packages\DjangoUeditor\forms.py", line 3, in <module>from widgets import UEditorWidgetModuleNotFoundError: No module named 'widgets'
报错的解决办法很简单,点击出错的位置,前往环境中的DjangoUeditor
的forms.py
中将出错那句改为下面这句就行了:
# from widgets import UEditorWidgetfrom DjangoUeditor.widgets import UEditorWidget
搞定这个报错之后重新创建数据库:
python manage.py makemigrationspython manage.py migrate
这会儿肯定能成功了,不成功就找我,底部有公众号二维码嘿嘿嘿
5、查看效果
打开admin
,进入到这个模型表的创建数据页面即可
二、深入配置富文本编辑器
到GitHub看介绍最后那部分的说明即可:/twz915/DjangoUeditor3/
下一篇:在非admin页面使用 Django Ueditor
关注我的微信公众号,我们一起交流学习吧~