使用 Django Ueditor 富文本编辑器（一）
阅读本文需要你对
Django项目的创建和基本使用有一定的了解
一、快速使用
1、安装
在项目根目录下克隆项目后再安装：
git clone https://github.com/twz915/DjangoUeditor3.git
cd DjangoUeditor3
python setup.py install不要用
pip install DjangoUeditor命令安装，因为现在（2019.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 UEditorWidget
ModuleNotFoundError: No module named 'widgets'报错的解决办法很简单，点击出错的位置，前往环境中的DjangoUeditor的forms.py中将出错那句改为下面这句就行了：
# from widgets import UEditorWidget
from DjangoUeditor.widgets import UEditorWidget搞定这个报错之后重新创建数据库：
python manage.py makemigrations
python manage.py migrate这会儿肯定能成功了，不成功就找我，底部有公众号二维码嘿嘿嘿
5、查看效果
打开admin，进入到这个模型表的创建数据页面即可
二、深入配置富文本编辑器
到GitHub看介绍最后那部分的说明即可：https://github.com/twz915/DjangoUeditor3/
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2020-04-08，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
