1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 使用 Django Ueditor 富文本编辑器

使用 Django Ueditor 富文本编辑器

时间:2021-11-15 09:22:24

相关推荐

使用 Django Ueditor 富文本编辑器

阅读本文需要你对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'

报错的解决办法很简单,点击出错的位置,前往环境中的DjangoUeditorforms.py中将出错那句改为下面这句就行了:

# from widgets import UEditorWidgetfrom DjangoUeditor.widgets import UEditorWidget

搞定这个报错之后重新创建数据库:

python manage.py makemigrationspython manage.py migrate

这会儿肯定能成功了,不成功就找我,底部有公众号二维码嘿嘿嘿

5、查看效果

打开admin,进入到这个模型表的创建数据页面即可

二、深入配置富文本编辑器

到GitHub看介绍最后那部分的说明即可:/twz915/DjangoUeditor3/

下一篇:在非admin页面使用 Django Ueditor

关注我的微信公众号,我们一起交流学习吧~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。