Django使用DjangoUeditor教程

最新推荐文章于 2024-05-31 13:12:28 发布
最新推荐文章于 2024-05-31 13:12:28 发布
阅读量7.5k 收藏 17
点赞数 6
分类专栏： Django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41963640/article/details/83032405
版权

文章目录

1、将下在DjangoUeditor解压

在这里插入图片描述

2、将解压的文件夹复制到项目的根目录中，这里使用的是虚拟环境

在这里插入图片描述

3、进入到DjangoUedior3-master文件下，执行离线安装命令 python setup.py install

在这里插入图片描述

4、然后将DjangoUeditor3-master文件夹删除，避免影响项目结构

在这里插入图片描述

5、执行pip list 查看是否安装成功，如果目录下有DjangoUeditor代表安装成功

在这里插入图片描述

6、我们等于是安装了一个子模块，所以在settings.py的配置文件中，将子模块的名称注册一下

在这里插入图片描述

7、在settings.py中配置图片上传路径,在模块文件最后添加就好

在这里插入图片描述

8、在根路由中配置图片上传的路由

在这里插入图片描述

9、在我们的models.py 中导入UEditorField字段属性，该字段就是让我们可以存储，带有格式的字符串

在这里插入图片描述

10、然后我们的字段使用该字段属性，我这里是为文章的内容添加的

在这里插入图片描述

11、因为django的admin自己封装了对象Ueditor的处理，所以到这里就可以使用富文本框了，这里是进入了后台管理系统，可以看见文本编辑已经是富文本框。

在这里插入图片描述

14、为我们自己编辑的页面面添加富文本框，需要导入三个文件支持

在这里插入图片描述

15、因为我们编辑的文本带有样式，所以展示的时候需要将样式展示出来，这里有两个办法。

在这里插入图片描述

16、在我们自己使用富文本的页面中添加下面的内容，让富文本框修饰我们的编辑框，这里使用的是id绑定，content指的是我们自己编辑框的id属性值。

在这里插入图片描述

17、到这里就可以使用了。

在这里插入图片描述

18、最后附上UEditor的文档，这里有更加详细的使用方式：链接

折戟沉沙灬
关注
  • 6
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
解决Xadmin和DjangoUeditor在Django 3.x中的兼容性问题
Mr数据杨
12-13 3万+
分享一些在使用Django进行web开发时遇到的问题和解决方案。这些问题和解决方法是我在日常工作中总结的，特别对那些遇到难以解释或不常见的bug的开发者可能会有所帮助。一个常见的问题是关于Xadmin和DjangoUeditor在Django 3.x中的兼容性问题。这通常表现为模块导入错误或缺失，如或等。
python-django使用新手教程记录
12-22
使用pip安装django. (如果中途出现pip版本过低，那就执行下面的) python -m pip install --upgrade pip -i https://pypi.douban.com/simple 3.安装完成后， 然后使用 django-admin startproject HelloWorld 创建...
推荐项目：DjangoUeditor3 - 强大的 Django 富文本编辑器
gitblog_00059的博客
03-28 594
推荐项目：DjangoUeditor3 - 强大的 Django 富文本编辑器 项目地址:https://gitcode.com/twz915/DjangoUeditor3 项目简介 DjangoUeditor3 是一个基于 Django 框架的富文本编辑器组件，它将流行的 UEditor 集成到 Django 应用中，为开发者提供了便捷的文本编辑和管理工具。该项目由 twz915 开发并维护，旨...
Django框架的全面指南：从入门到高级
最新发布
mrdeam的博客
05-31 515
除了简单的函数视图外，我们还可以编写基于类的视图来实现更复杂的逻辑。本文为Django框架的全面指南，从入门到高级，涵盖了各种重要主题和技术。首先，我们介绍了Django的基础知识，包括安装、创建项目和应用程序、编写视图和URL路由等。随后，我们深入探讨了中级主题，如数据库模型、管理后台、表单处理和用户认证，以及如何使用国际化和定制管理后台等。
django项目中使用百度UEditor富文本编辑器
hotswwkyo的专栏
04-16 653
获取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 文件，执行完后会
DjangoUeditor 集成
weixin_39944891的博客
07-18 233
github官方文档：https://github.com/zhangfisher/DjangoUeditor 1、安装方法 方法一：将github整个源码包下载回家，在命令行运行： python setup.py install 方法二：使用pip工具在命令行运行(推荐)： pip install DjangoUeditor 2、 在Django中安装DjangoUeditor 在I...
DjangoUeditor富文本
sterson的博客
02-06 1027
如果ueditor.html，ueditor_old.html显示无法加载，将Python27\Lib\site-packages\DjangoUeditor\templates目录下两个文件拷贝到项目 templates 目录。如果报include问题，就导入include：from django.conf.urls import url, include。不管是做项目管理系统，还是做网站，富本文是必用的，这里讲的是py2+django1.11，因为版本很重要。{# 显示章节下的文章 #}
Django中使用Ueditor实现富文本
PY123456PY123456的博客
06-23 548
第一步，将DjangoUeditor3-2.0复制到项目中第二步 安装后，可以在External Libraries中的下的site-packages下看到DjangoUeditor首先在settings.py中注册'DjangoUeditor'Ueditor是继承于FileField这个方法的，因此在settings.py中还是要向上传图片那样配置media: models.py: 要将下图所示路径的boundfield.py中的第103行代码注释掉，否则会报错 进图D...
Django中使用Celery的教程详解
09-20
本文将深入探讨如何在Django项目中集成并使用Celery。 首先，理解Django的请求处理流程对于了解Celery的重要性至关重要。当用户发起请求时，请求经过一系列的处理步骤，包括中间件、路由映射、视图函数等，最终返回...
Django Ajax的使用教程
12-01
AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 Ajax 　很多时候，我们在网页上请求操作时，不需要刷新页面。实现这种功能...
django教程如何自学
09-16
接下来，按照以下步骤开始Django教程的学习： 1. **安装Django**：使用`pip`命令安装Django，例如`pip install Django`。确保安装的是与你Python版本兼容的Django版本。 2. **创建Django项目**：使用`django-admin...
DjangoUeditor本人完美修改版(支持Python2.x和Python3.X)
08-08
下载DjangoUeditor，发现不支持Python3.x,经过修改，在Python2.X(测试环境为Python2.6.6 + django-1.6.5 和Python2.7.8 + django-1.6.5)和Python3.X(测试环境为Python3.4.1 + django-1.6.5)下完美支持
探索DjangoUeditor：为你的 Django 项目注入强大的富文本编辑器
gitblog_00024的博客
04-18 525
探索DjangoUeditor：为你的 Django 项目注入强大的富文本编辑器 项目地址:https://gitcode.com/zhangfisher/DjangoUeditor 本文将向你介绍一个名为DjangoUeditor的开源项目，这是一个专为Django框架打造的优图（UEditor）集成解决方案。如果你在构建Web应用时需要一个强大、易用且功能丰富的富文本编辑器，那么DjangoU...
185.基于Django的富文本编辑器安装与使用
m0_63953077的博客
12-11 933
基于Django的富文本编辑器安装与使用
Django-DjangoUeditor
weixin_30781631的博客
11-23 267
项目中用到了富文本编辑器DjangoUeditor，便开始学习。还有一个轻量级的编辑器是TinyHTML Editor，这个也可以，大家可以去了解一下。不过今天在这里主要说一下DjangoUeditor。 Ueditor是百度开源的Web编辑器，可以感受一下百度的Web编辑器： http://ueditor.baidu.com/website/umeditor.html DjangoUedi...
django配置Ueditor
weixin_30730151的博客
08-06 532
1.安装DjangoUeditor pip install DjangoUeditor 2.在Django中安装DjangoUedito app，在INSTALL_APPS里面增加DjangoUeditor app INSTALLED_APPS = ( 'DjangoUeditor', ) 3.配置urls url(r'^uedito...
Django 使用UEditor
byteway的专栏
04-17 3157
Django 使用UEditor(开源，功能强大)
django配置DjangoUeditor（python3版本）
大龄python业余爱好者锅大虾
07-12 2769
1、下载DjangoUeditor源码 https://github.com/twz915/DjangoUeditor3/ 2、放置到项目根目录下 3、settings中注册 INSTALLED_APPS = [ 'simpleui', 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django
django富文本使用简明教程(基于百度Ueditor编辑器，windows平台，内涵代码链接)
钱彬的博客
03-11 1773
环境： python 3.6.1 django 1.11.14 windows 7操作系统 开发工具 VS Code 创建项目 在终端cmd中输入命令： django-admin startproject ueditorDemo 创建一个名为ueditorDemo的项目。在该项目中创建1个app： python manage.py startapp app 打开u...
Django Redis使用教程
08-23
Django Redis使用教程可以通过以下几个步骤来实现： 1. 首先，你可以使用两种思路来使用Redis缓存：使用Django模块（如django-redis或django-redis-cache）或直接使用Redis包操作Redis。使用Django模块可以让你使用...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值