使用富文本编辑器添加数据
在Django admin后台添加数据的时候，文章内容文本框想发布一篇图文并茂的文章需就得手写Html代码，这十分吃力，也没法上传图片和文件。这显然不是我等高大上程序猿想要的。
为提升效率，我们可以使用富文本编辑器添加数据。支持Django的富文本编辑器很多，这里我推荐使用DjangoUeditor，Ueditor是百度开发的一个富文本编辑器，功能强大。下面教大家安装如何使用DjangoUeditor。
1、首先我们先下载DjangoUeditor包。点击下面的链接进行下载！下载完成然后解压到项目根目录里。
2、settings.py里注册APP，在INSTALLED_APPS里添加'DjangoUeditor',。
myblog/settings.y INSTALLED_APPS = [ 'django.contrib.admin', .... 'DjangoUeditor', #注册APP应用 ]
3、myblog/urls.py里添加url。
myblog/urls.py
...
from django.urls import path, include
#留意上面这行比原来多了一个include
urlpatterns = [
path('admin/', admin.site.urls),
path('', views.hello),
path('ueditor/', include('DjangoUeditor.urls')), #添加DjangoUeditor的URL
]4、修改blog/models.py里需要使用富文本编辑器渲染的字段。这里面我们要修改的是Article表里的body字段。
把原来的：
blog/models.py body = models.TextField()
修改成：
blog/models.py
from DjangoUeditor.models import UEditorField #头部增加这行代码导入UEditorField
body = UEditorField('内容', width=800, height=500,
toolbars="full", imagePath="upimg/", filePath="upfile/",
upload_settings={"imageMaxSize": 1204000},
settings={}, command=None, blank=True
)留意里面的imagePath="upimg/", filePath="upfile/" 这两个是图片和文件上传的路径，我们上传文件，会自动上传到项目根目录media文件夹下对应的upimg和upfile目录里，这个目录名可以自行定义。有的人问，为什么会上传到media目录里去呢？那是因为之前我们在基础配置文章里，设置了上传文件目录media。
上面步骤完成后，我们启动项目，进入文章发布页面。提示出错：
render() got an unexpected keyword argument 'renderer'
错误页面上有提示，出错的地方是下面文件的93行。
F:\course\myblog\myblogvenv\lib\site-packages\django\forms\boundfield.py in as_widget, line 93
我这里使用的是最新版本的Django2.1.1所以报错，解决办法很简单。打开这个文件的93行，注释这行即可。
修改成之后，重新刷新页面，就可以看到我们的富文本编辑器正常显示。
留意，如果我们在富文本编辑器里，上传图片，在编辑器内容里不显示上传的图片。那我们还需要进行如下设置，打开myblog/urls.py文件，在里面输入如下代码：
myblog/urls.py
....
from django.urls import path, include, re_path
#上面这行多加了一个re_path
from django.views.static import serve
#导入静态文件模块
from django.conf import settings
#导入配置文件里的文件上传配置
urlpatterns = [
path('admin/', admin.site.urls),
....
re_path('^media/(?P<path>.*)$', serve, {'document_root': settings.MEDIA_ROOT}),#增加此行
]设置好了之后，图片就会正常显示。这样我们就可以用DjangoUeditor富文本编辑器发布图文并茂的文章了。
登录后可保存阅读位置、标记章节完成，并在其他设备继续学习。
登录并保存学习进度 →联系站长
微信：VIPdjango。技术问题建议先在 社区讨论 中交流，方便更多人参与和查阅。
章节讨论 39
老师，我把富文本的包放到，项目根路径下。为什么，修改models时，from DjangoUeditor.models import UEditorField 报错呢，进不来。
先开始也出现了很多问题，后来回到前面两步，重新做了一遍，感觉很多问题都是因为作者说明的意思不理解导致的，重新做了一遍，我用的是django3.0发现好像出现的问题都差不多，目前还没看出来不同django版本之间的不同，很有趣，在学习中
我这里有一个问题是在富文本上传单张图片的时候提示 “上传错误”，不懂什么原因，如果是批量上传的时候是没有的问题的。
我还一直以为是DjangoUeditor这个包的问题，是我太蠢了，这个作用在文章这个类里面，实际上是需要进入后台编辑文章才能查看的，下面这个教程更加详细 https://blog.csdn.net/qianbin3200896/article/details/88389535?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task
Request Method: GET Request URL: http://127.0.0.1:8000/admin/blog/article/add/ Django Version: 3.0.5 Exception Type: TypeError Exception Value:
render() got an unexpected keyword argument 'renderer' Exception Location: C:\Users\CK\AppData\Local\Programs\Python\Python38\lib\site-packages\django\forms\boundfield.py in as_widget, line 92 Python Executable: E:\course\myblog\myblogvenv\Scripts\python.exe Python Version: 3.8.2 Python Path:
['E:\course\myblog', 'C:\Users\CK\AppData\Local\Programs\Python\Python38\lib\site-packages', 'E:\course\myblog', 'C:\Program Files\JetBrains\PyCharm 2019.1.2\helpers\pycharm_display', 'C:\Users\CK\AppData\Local\Programs\Python\Python38\python38.zip', 'C:\Users\CK\AppData\Local\Programs\Python\Python38\DLLs', 'C:\Users\CK\AppData\Local\Programs\Python\Python38\lib', 'C:\Users\CK\AppData\Local\Programs\Python\Python38', 'E:\course\myblog\myblogvenv', 'E:\course\myblog\myblogvenv\lib\site-packages', 'C:\Program Files\JetBrains\PyCharm ' '2019.1.2\helpers\pycharm_matplotlib_backend']
我添加富文本，怎么不行啊
上传失败错误
解决办法： settings设置中间件MIDDLEWARE内的参数注释掉'django.middleware.clickjacking.XFrameOptionsMiddleware'
查找上传错误的原因： 上传图片时查看console显示 “Refused to display 'http://127.0.0.1:8000/ueditor/controller/?imageMaxSize=1204000&imagePathFormat=upimg%2F&filePathFormat=upfile%2F&action=uploadimage' in a frame because it set 'X-Frame-Options' to 'deny'.”
寻找办法： Django的项目中默认设置了XFrameOptionsMiddleware的中间件，这个设置将对于X-Frame-Options的配置设置成了DENY。 在Django 3.0中，X_FRAME_OPTIONS的默认设置从SAMEORIGIN 变成了DENY 附带链接： https://www.cnblogs.com/lph970417/p/12896689.html
问题： no such table: blog_article Request Method: GET Request URL: http://127.0.0.1:8000/admin/blog/article/ Django Version: 2.2.5 Exception Type: OperationalError Exception Value:
no such table: blog_article Exception Location: C:\Users\12370\PycharmProjects\mysite\venv\lib\site- packages\django\db\backends\sqlite3\base.py in execute, line 383 Python Executable: C:\Users\12370\PycharmProjects\mysite\venv\Scripts\python.exe Python Version: 3.6.1 解决办法： 请使用python manage.py makemigrations和python manage.py migrate 进行数据库迁移
使用多图片上传可以成功，上传文件也能成功，上传单图片就出问题，需要怎么解决!
大哥，给你们跪了。文章写的关键部分都是好的，一点错都没有。感谢，小白能跟着做下来。