首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在非admin页面使用 Django Ueditor(二)

Django Ueditor的安装和在admin页面的使用请看,接下来的内容是基于这篇文章的环境进行的:使用 Django Ueditor 富文本编辑器(一),如果你按照下面的流程来做还有关于Ueditor...文件 具体实现过程 在app中: 1、创建文章模型 from DjangoUeditor3.DjangoUeditor.models import UEditorField class Article...manage.py migrate 2、新建forms.py并创建该文章模型的Form 在这里我只对该文章模型的富文本字段创建Form,方便前端个性化设计: from django.forms import...') 1、写个路由 简单起见,我就不在app中新建urls.py了,直接在主urls.py中写上下面的路由。...os.path.join(BASE_DIR, 'static'), ] # 加入下面这个是为了使富文本可以上传图片视频等文件 MEDIA_ROOT = os.path.join(BASE_DIR

70420

在django-admin中使用django-ckeditor

在最新学习python中,使用django搭建博客系统,管理后台直接使用django自带的admin模块,所以遇到富文本编辑的问题,经过查阅资料,发现了django-ckeditor这个小插件,下面小威就分享一点点来自小白的经验吧...需要依赖此库) pip install pillow 安装好后,就是要进行django的配置,大致配置步骤如下: 1.在settings.py文件中,将“ckeditor”和“ckeditor_uploader...('ckeditor_uploader.urls')) ] 这里的话,我所有上传的图片文件保存路径都是在static目录下的,附带再贴下我静态资源加载的目录配置吧,大概修改了两个文件: 修改settings.py...这块有啥具体问题建议还是可以前往django官方文档查看哟~ 至此,我们的配置已经完成了,那接下来我们是不是可以愉快的使用了呢?...='内容') content = RichTextUploadingField(verbose_name='内容') 至此,启动应用,就可以看到原本内容的文本输入框变成了富文本编辑框,肿么样,鸡不鸡冻

1.6K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    基于 Django 的个人网站(1)

    Django 的安装 在开始之前,我们首先需要安装 Django。...创建项目 通过看图,应该可以看出我安装的是 Django3.0.6 的版本,接下来就是新建一个 Django 项目,我直接使用 PyCharm 专业版的可视化操作而不是命令来创建项目,打开 PyCharm...这个时候我们可以发现管理页面没有我们想要的数据,这个问题解决起来很简单,打开 personal_website\admin.py,编辑成下面这样: from django.contrib import...虽然说后台已经基本上算是完成了,但是在文章内容方面还是有些缺陷的,比如内容中只能是字符,图片什么的都无法写入,解决这个问题有两个方法——markdown 和富文本编辑器,我选择富文本编辑器,Django...富文本编辑器插件有很多,我在这里使用的是 django-ckeditor,想知道我为什么使用这个插件以及如何使用这个插件,我们下回再说。

    1.4K20

    使用 Django Ueditor 富文本编辑器(一)

    阅读本文需要你对Django项目的创建和基本使用有一定的了解 一、快速使用 1、安装 在项目根目录下克隆项目后再安装: git clone https://github.com/twz915/DjangoUeditor3...path('ueditor/', include('DjangoUeditor.urls')), ] 4、在 Models.py 中应用 很简单的,直接把自己想要使用富文本编辑器的字段应用为UeditorField...models.TextField的 再创建/刷新数据库: python manage.py makemigrations 然后一运行,哈哈哈报错MD: File "E:\test_ueditor\test_ueditor...manage.py makemigrations python manage.py migrate 这会儿肯定能成功了,不成功就找我,底部有公众号二维码嘿嘿嘿 5、查看效果 打开admin,进入到这个模型表的创建数据页面即可...二、深入配置富文本编辑器 到GitHub看介绍最后那部分的说明即可:https://github.com/twz915/DjangoUeditor3/

    1.2K30

    Django项目于之在线教育平台网站的实战开发(完结)

    富文本编辑器) 说明: django ueditor富文本编辑器的集成 1.Xadmin插件制作官方中文文档 Xadmin 插件制作 — Django Xadmin 2.1.5 beta documentation...", "DjangoUeditor" ] 配置urls url(r'^ueditor/',include('DjangoUeditor.urls' )), 在需要使用富文本编辑器的模型类中导入UEditorField...类,项目中Course模型类中的课程详情字段是需要使用富文本的,所以对detail字段进行如下修改 说明:UEditorField继承自models.TextField,因此你可以直接将model里面定义的...添加新的课程使用富文本编辑器 查看课程列表,在刚新增的课程详情页中显示全是HTML代码 在进入课程详情后,详情页面显示出转义的内容 需要在course-detail模板中找到课程详情数据块,对数据块内容进行转义关闭...和cookie机制) 注册(form表单提交和图片验证码以及发送邮件) 找回密码(邮件发送) 4.课程机构 机构列表(分页和筛选以及排序) 机构详情(收藏和富文本编辑) 咨询提交(modelform验证和保存

    1.3K30

    用人话讲解django之模型字段认识

    比如一个学生系统需要展示学生的姓名、年龄、分数成绩等信息,这些数据就要保存到数据库中。 我前面说过,简单点的 web 开发就是对数据库进行增删改查操作,查询数据,新增数据,修改数据,删除数据 。...假如,你要给一张表的每列字段设置字符类型,比如有的字段是char类型,有的是int类型,django中的模型字段类型的作用就是上面提到的设置数据表的数据类型。...常见的有 字符串类型 CharField 、文本类型 TextField、整型 IntegerField、浮点型 DecimalField 、日期类型 DateTimeField,表示两张表的外键关系...浮点型,max_digits=5表示整数部分和小数位数之和不大于5,decimal_places表示小数的最大位数,null=True表示字段可以为空,blank=True表示在admin后台中该数据栏可以为空...# EmailField该字段必须符合邮箱格式 # TextField 字段为文本类型,长度没有限制 # DateTimeField为日期类型,auto_now_add=True该条数据创建的时间,数据更新时

    1.1K10

    django xadmin 集成DjangoUeditor富文本编辑器

    项目目录下,跟app目录同级 修改app models 导入UEditorField 模块 增加需要富文本框的字段 from DjangoUeditor.models import UEditorField...说明: UEditorField继承自models.TextField,因此你可以直接将model里面定义的models.TextField直接改成UEditorField即可。...如果默认的工具栏不符合您的要求,您可以在settings里面配置自己的显示按钮。参见后面介绍。...BASE_DIR, 'upload/')#这个是在浏览器上访问该上传文件的url的前缀 修改xadmin的配置(如果用admin的话可以忽略) 在项目下的xadmin\plugins\路径下新建ueditor.py..., document_root=settings.MEDIA_ROOT) 结果 重启项目,在后台可以看到富文本框就正常了 效果图 ?

    1.4K20

    Django 学习笔记之模型(上)

    你本文将讲解 “MTV” 中 M 层次,即模型层(数据存取层)。模型这内容比较多,我将其拆分为 3 个部分来讲解。同时,文章也配套了例子,你可以通过 阅读原文 来查看。...如果你是按照本系列来学习 Django 框架的话,按照前面安装 Django 的方式,你安装 Django 版本应该是最新版本,即 2.0。 那么使用最新 Django 版本来学习可以吗?...顺便补充下本文用的一些工具的版本:Python 版本是 3.6,Mysql 版本是 5.5 1 模型是什么 在 Web 应用中,数据一般存储到数据库中。Django 中的模型层是跟数据库打交道的层次。...这将在数据库中和表单验证时生效 6)TextField:大文本字段。默认的表单部件是一个 Textarea。 7)DateField:日期。...1)ForeignKey 表示属于模型间关系中的多对一关系。在我们的范例模型中,一家出版社 publisher 可以出版很多书 Book。

    1.8K30

    python-Django 模型层-模型层的字段类型

    Django模型层的字段类型Django模型层的字段类型决定了数据库中字段的数据类型。在Django中,每个模型都是由字段构成的。这些字段描述了模型的属性,并指定了它们在数据库中的数据类型。...Django提供了许多字段类型,包括文本字段、整数字段、日期字段、时间字段等。CharFieldCharField是一个存储字符串的字段类型。...它的max_length参数是可选的,因为TextField可以存储任意长度的文本。...content = models.TextField()IntegerFieldIntegerField是一个存储整数的字段类型。它的参数可以指定整数的最小值和最大值。...Article模型中的author字段是一个ForeignKey,它引用了另一个模型Author的主键。

    1.2K20

    Django入门笔记2

    一、了解和认识Django模型层 1、什么是模型层 位于Django视图层和数据库之间;屏蔽不同数据库之间的差异 python对象和数据库表之间转换;开发者更加专注于业务逻辑的开发 ?...数字类型:IntegerField 文本类型:TextField 日期类型:DataTimeField 自增ID:AutoField 主键定义:primary_key属性 3、模型定义和迁移实现...、内容等,并保存到数据库中 ?...四、Django Admin模块的了解 优点: 1、Django的后台管理工具 2、读取定义的模型元数据,提供强大的管理使用页面 不足: 1、Django shell新增文章太复杂 2、管理页面是基础设施中重要的部分...4、设定文章显示title内容 在models.py中增加title返回的函数 ? 重启服务后刷新页面 ? 5、返回博客文章内容 >返回函数 ? >应用级别的路由配置 ?

    48920

    第 11 篇:自动生成文章摘要

    作者:HelloGitHub-追梦人物 博客文章的模型有一个 excerpt 字段,这个字段用于存储文章的摘要。目前为止,还只能在 django admin 后台手动为文章输入摘要。...覆写 save 方法 第一种方法是通过覆写模型的 save 方法,从正文字段摘取前 N 个字符保存到摘要字段。...在 创作后台开启,请开始你的表演[1] 中我们提到过 save 方法中执行的是保存模型实例数据到数据库的逻辑,因此通过覆写 save 方法,在保存数据库前做一些事情,比如填充某个缺失字段的值。...通过覆写模型的 save 方法,在数据被保存到数据库前,先从 body 字段摘取 N 个字符保存到 excerpt 字段中,从而实现自动摘要的目的。...在 django 的模板系统中,模板过滤器的使用语法为 {{ var | filter: arg }}。可以将模板过滤看做一个函数,它会作用于被它过滤的模板变量,从而改变模板变量的值。

    90940

    使用 Django + Vue.js 开发个人博客网站(完整版附源码)—— Python-课程设计-期末项目

    ,包括 上传头像 等; 博客按照类型进行 分类 ,管理员可以在后台管理页面修改具体分为哪几类; 用户可以 在线写博客,文本编辑器采用的是 富文本 编辑器,用户使用图形化界面即可写出 HTML 代码存储在数据库中...加上 属性(属性不全,在概念模型中会补全): ? 然后设计它的 概念模型 : ? 对应的 物理模型 为: ?...在物理模型中,由于存在一对多的关系,所以文章表和评论表中加上了两个 外键约束 。...,而是可以写出实体类,再执行 Django 的文件迁移命令,就可以自动生成数据表了。...的封装之后就变得非常简单了,我在定义用户实体的时候就指定了上传文件夹: # 头像信息(图片类型的, 保存到项目目录下的 avatar 文件夹下_以日期创建文件夹区分, 可以为空) avatar = models.ImageField

    6K40

    Django 2.1.7 使用富文本编辑器 tinymce

    富文本编辑器 借助富文本编辑器,网站的编辑人员能够像使用offfice一样编写出漂亮的、所见即所得的页面。此处以tinymce为例,其它富文本编辑器的使用也是类似的。 在虚拟环境中安装包。...pip3 install django-tinymce 安装完成后,可以使用在Admin管理中,也可以自定义表单使用。...INSTALLED_APPS = ( 'tinymce', # 富文本编辑器 .... ) 2)在项目/settings.py中添加编辑器配置。...在Admin中使用富文本编辑器 1)在assetinfo/models.py中,定义模型的属性为HTMLField()类型。...问:在模板中怎么关闭转义 可以参考Django 2.1.7 模板 - HTML转义 方式一:过滤器safe 方式二:标签autoescape off 1)在assetinfo/views.py中定义类视图

    1K20

    自动生成文章摘要

    博客文章的模型有一个 excerpt 字段,这个字段用于存储文章的摘要。目前为止,还只能在 Django Admin 后台手动为文章输入摘要。...复写 save 方法 第一种方法是通过复写模型的 save 方法,从正文字段摘取前 N 个字符保存到摘要字段。...通过复写模型的 save 方法,在数据被保存到数据库前,先从 body 字段摘取 N 个字符保存到 excerpt 字段中,从而实现自动摘要的目的。...self.excerpt = strip_tags(md.convert(self.body))[:54] # 调用父类的 save 方法将数据保存到数据库中 super...在 Django 的模板系统中,模板过滤器的使用语法为 {{ var | filter: arg }}。可以将模板过滤看做一个函数,它会作用于被它过滤的模板变量,从而改变模板变量的值。

    1.8K80

    Django(14)模型中常用的属性(超详细)

    大家好,又见面了,我是你们的朋友全栈君。...在Python中是datetime.date类型,可以记录年月日。在映射到数据库中也是date类型。...使用这个Field可以传递以下几个参数:auto_now:在每次这个数据保存的时候,都使用当前的时间。比如作为一个记录修改日期的字段,可以将这个属性设置为True。...TextField 大量的文本类型。映射到数据库中是longtext类型。 UUIDField 只能存储uuid格式的字符串。uuid是一个32位的全球唯一的字符串,一般用来作为主键。...db_column 这个字段在数据库中的名字。如果没有设置这个参数,那么将会使用模型中属性的名字。 default 默认值。可以为一个值,或者是一个函数,但是不支持lambda表达式。

    85430

    创建 Django 博客的数据库模型

    我们把写好的文章永久地保存在数据库里,当用户访问我们的博客时,Django 就去数据库里把这些数据取出来展现给用户。 博客的文章应该含有标题、正文、作者、发表时间等数据。...模型的代码通常写在相关应用的 models.py 文件里。已经在代码中做了详细的注释,说明每一句代码的含义。但如果你在移动端下阅读不便的话,也可以跳到代码后面看正文的里的讲解。...# 存储比较短的字符串可以使用 CharField,但对于文章的正文来说可能会是一大段文本,因此使用 TextField 来存储大段文本。...在本教程中我们会教你这些类型的使用方法,但以后你开发自己的项目时,你就需要通过阅读Django 官方文档 关于字段类型的介绍 来了解有哪些数据类型可以使用以及如何使用它们。...文章正文,我们使用了 TextField。比较短的字符串存储可以使用 CharField,但对于文章的正文来说可能会是一大段文本,因此使用 TextField 来存储大段文本。

    1.3K60
    领券