django整合ueditor富文本编辑器并解决图片视频等无法上传显示问题

最新推荐文章于 2022-10-16 20:19:16 发布
最新推荐文章于 2022-10-16 20:19:16 发布
阅读量808 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/body221/article/details/107388667
版权
         一般django后台的文本编辑器比较简单，所以增加ueditor编辑器。
        ueditor编辑是百度开发开源产品，官网没django版本。
        django版本下载地址   https://github.com/zhangfisher/DjangoUeditor/archive/master.zip 
         解压后将 DjangoUeditor  文件夹复制到django项目目录下，跟app目录同级

        开始修改 ：
                url.py文件  
                     
                      导入              from  DjangoUeditor  import  urls as  DjangoUeditor_urls                   
                     增加路由        url(r'^ueditor/', include(DjangoUeditor_urls)) 
             
             models  文件  
                       导入        from DjangoUeditor.models  import   UEditorField
                      对于需要使用编辑器的子段定义

                    context = UEditorField( '内容' , height = 300 , width = 1000 , default
最低0.47元/天 解锁文章
body221
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Django后台开发笔记①：关于DjangoUeditor与python3存在兼容性问题的解决方案（即解决图片无法上传问题）
一捆呆在ac篮子里的好葱，
09-13 4820
关于DjangoUeditor与python3存在兼容性问题的解决方案（即解决图片无法上传问题）
Django集成百度富文本编辑器uEditor攻略
01-20
首先从 ueEditor官网 下载最新版本的包，目前官网上提供了ASP、.NET、PHP、JSP版本的，django版本只有一个第三方个人开发的，但看上出...其实，uEditord的绝大部分功能在django中都是可用的，只有上传文件、图片、视
关于ueditor不能上传图片的问题的解决
willeny的博客
07-11 1035
上传图片显示上传错误，按下面的方式处理应该可以解决问题： 在common/widgets/ueditor/Uploader.php文件的getFullName()函数中， 修改randNum这一行为randNum这一行为randNum这一行为randNum=rand(1, 9999) . rand(1, 999);...
django项目的富文本编辑器无法正常显示
Jacky_kplin的博客
11-15 1847
这个具体问题，遇到的人应该很少。但排查思路有借鉴意义。 当你的浏览器没报错，页面显示却异常的时候，可以查看控制台有没有404状态码。 今天我在使用django-tinymce给后台管理页面添加富文本编辑器时，在浏览器测试无法显示。 一开始很懵逼，搞不清楚到底是哪里出问题了，都没报错，想找找哪里有问题也无从下手。 然后偶然间看到了控制台的记录，发现有一个js文件状态码404，说明是这里出问题了。 ...
关于 DjangoUeditor 上传图片图片失败，csrf token missing or incorrect 的解决办法
weixin_30502157的博客
06-28 259
Forbidden (CSRF token missing or incorrect.): /ueditor/controller/ [27/Jun/2017 23:49:25] "POST /ueditor/controller/?imagePathFormat=courses%2Fueditor%2F&filePathFormat=courses%2Fueditor%2F&amp...
Django3.2+Python3.9项目中应用百度DjangoUeditor图片上传功能的应注意的一个配置
zhch1979的专栏
01-30 439
Django3.2+Python3.9项目中应用百度DjangoUeditor的图片上传问题处理经验
Django框架使用富文本编辑器Uedit的方法分析
01-20
本文实例讲述了Django框架使用富文本编辑器Uedit的方法。分享给大家供大家参考，具体如下： Uedit是百度一款非常好用的富文本编辑器 一、安装及基本配置 官方GitHub（有详细的安装使用教程）：...
django富文本编辑器的实现示例
09-19
主要介绍了django富文本编辑器的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
django轻松使用富文本编辑器CKEditor的方法
09-21
最近由于需要在django admin中使用到富文本编辑器，由于我比较喜欢CKEditor富文本编辑器，于是就有了这篇文章，下面这篇文章主要给大家介绍了在django中轻松使用富文本编辑器CKEditor的方法，需要的朋友可以参考下。
Django添加KindEditor富文本编辑器的使用
09-20
今天小编就为大家分享一篇关于Django添加KindEditor富文本编辑器的使用，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
c# 富文本编辑器图片粘贴上传处理_Django+上传视频到七牛云+前端JS-SDK最新版上传通用操作...
weixin_39796363的博客
12-01 121
写在前面：查了很多Django前端上传文件到七牛云的博客，发现基本上是因为引用的JS-SDK版本太老了，从而导致上传失败，或者是引入了许多不相关库，既然我遇到了，当然是盘它啦。需要说明的是，还不清楚七牛云的，可以先去了解学习一下，这里直接讲主要步骤了。假设你有个模型长这样：其中箭头所指的很重要，现在要告诉你的是，不管是图片还是视频，你都可以只存储它的url地址，这样有一个好处是，当部署上线后，需要...
Django3.x富文本kindeditor整合图片上传（含视频、文件上传）上篇
Warm-hearted
11-18 310
系统环境： 操作流程 1.下载kindeditor文件 官网下载 将文件放置在static/js/，删除其它语言示例。 在APP下admin.py文件中写入以下的配置内容 注意：在有需求的字段内容增加配置内容，否则无法生效 class Articleadmin(admin.ModelAdmin): # 文章模型 list_display = ('title',) class Media: js = ( 'js/kindeditor/kindedi
django项目中使用百度UEditor富文本编辑器
hotswwkyo的专栏
04-16 647
获取UEditor 从 官网下载UEditor源码，下载的源码中并没有ueditor.all.js文件。需要使用grunt来把源码包打包成部署版本（含有ueditor.all.js 文件） 安装 node.js 全局安装grunt (npm install -g grunt-cli) 命令行切换目录到ueditor目录下（含有Gruntfile.js文件） npm install 安装依赖 执行命令grunt default，命令会将源码文件打包，同时会生成 ueditor.all.js 文件，执行完后会
django与ueditor配合使用，管理后台上传图片和视频显示“后端配置错误......”
计算机辅助工程
08-10 323
问题：管理后台上传图片显示“后端配置错误，…” 原因：controller中如下函数报错，读取配置文件失败 #读取json文件 def getConfigContent(): jsonfile = open(config_path) # print(‘jsonfile:’, jsonfile) content = json.load(jsonfile) return content 处理办法：去掉ueconfig.json中的所有“//…”注释即可解决。 ...
Python开发Django框架后台admin模板页面使用Kindeditor遇到的一些问题及解决方法：1、post请求上传图片失败 2、样式冲突
linge511873822的博客
10-16 404
Python开发Django框架后台admin模板页面使用Kindeditor遇到的一些问题及解决方法：1、post请求上传图片失败 2、样式冲突
ueditor上传（图片、视频）失败
qq_37370501的博客
07-14 1874
1.确认jsp/config.json上传路径是否设置正确2.如果控制台提示ueditor中FileUtils.getTempDirectory()找不到确认使用的common-io是2.4版本的，（ueditor1.4.3需要commons-io-2.4.jar ）然后在服务器的对应项目下查找commons-io，找到的1.几版本的全部删掉，然后重启服务器。在开发环境中确保没有1版本后，重新部署...
kindeditor编辑器在火狐浏览器firefox多图上传按钮不显示
小武的祝福
11-28 1463
问题描述： 使用swfUpload实现文件带进度批量上传功能，在IE、Chrome浏览器中运行正常，但是在火狐firefox浏览器中上传按钮不显示。 解决方案： 在火狐上上传不行的，大家运行下面这个页面，安装最新版Flash Player http://get.adobe.com/cn/flashplayer/download/?installer=Flash_Player_11_for_Othe...
xadmin集成DjangoUeditor，以及编辑器的视频路径配置
weixin_33737774的博客
03-20 242
稍微讲一下DjangoUeditor的配置，因为之前去找配置的时候东拼西凑的，所以自己写一下自己一步步配置的过程。首先我是再github上去下载下来，因为是当作第三方插件集成到xadmin中，所以不用pip安装，直接和xadmin放一个目录就ok了。 然后是在项目的设置里面进行配置，在INSTALLED_APPS中申明DjangoUeditor的存在， 这两步做完之后就找到xadmin的p...
ueditor显示服务器不允许上传类型的图片,百度编辑器(ueditor)不支持上传图片到独立服务器？...
weixin_42515687的博客
08-10 462
项目用到了百度编辑器，感觉很高大上，突然发现这货上传的图片时，它总会放到当前项目的目录下，它的配置文件config.json这里这个imagePathFormat就是保存路径了，它会默认在这个路径前面拼上一个根目录，所以你传的文件都被放在根目录下。但实际上，稍微大一点的项目都会考虑将图片上传到图片服务器上，用nginx来访问，而nginx一般会配置一个目录来存放图片但这个位置肯定不会在你上传图片的...
python django 富文本编辑器 上传功能
最新发布
07-27
Python Django富文本编辑器可以通过使用第三方库和插件来实现上传功能。常用的方法是使用django-ckeditor库或django-tinymce库来集成富文本编辑器以及上传功能。 首先，在Django项目中安装所需的库，可以通过在终端中运行以下命令安装库： ```python pip install django-ckeditor pip install django-tinymce ``` 安装完成后，需要在Django的设置文件中进行相应的配置。对于django-ckeditor库，需要将以下内容添加到settings.py中的INSTALLED_APPS和STATIC_URL中： ```python INSTALLED_APPS = [ ... 'ckeditor', ] STATIC_URL = '/static/' STATICFILES_DIRS = [ ... os.path.join(BASE_DIR, 'static') ] ``` 对于django-tinymce库，需要将以下内容添加到settings.py中的INSTALLED_APPS和STATIC_URL中： ```python INSTALLED_APPS = [ ... 'tinymce', ] STATIC_URL = '/static/' STATICFILES_DIRS = [ ... os.path.join(BASE_DIR, 'static') ] ``` 然后，需要在urls.py文件中添加相应的URL配置。对于django-ckeditor库，可以添加以下代码： ```python from django.contrib import admin from django.urls import include, path from django.conf import settings from django.conf.urls.static import static from ckeditor_uploader import views as ckeditor_views urlpatterns = [ ... path('ckeditor/', include('ckeditor_uploader.urls')), path('admin/', admin.site.urls), ] if settings.DEBUG: urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) ``` 对于django-tinymce库，可以添加以下代码： ```python from django.contrib import admin from django.urls import include, path from django.conf import settings from django.conf.urls.static import static from tinymce import views as tinymce_views urlpatterns = [ ... path('tinymce/', include('tinymce.urls')), path('admin/', admin.site.urls), ] if settings.DEBUG: urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) ``` 最后，还需要进行一些前端和后端的配置。具体可以参考文档或库的使用说明来实现上传功能。 以上就是使用Python Django富文本编辑器实现上传功能的简要步骤。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值