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

django-富文本-ckeditor配置

注册到该列表中 'ckeditor', ] 创建模型 在 models.py 中导入 RichTextField 类 # blog/models.py from django.db import...定制 默认只有一行工具,虽然一般情况下可以满足用户的需要,但有时也会需要用到其他的功能,这个时候就需要自己进行配置 插件(这里以插入代码片段为例) 作为一名程序员,在写博客的时候免不了要插入一些代码片段...\Lib\site-packages\ckeditor\static\ckeditor\ckeditor\plugins\ 目录中,名称是 codesinppet 配置 在 settings.py 中添加自己的...图片上传的问题 默认情况下,ckeditor 是不能图片上传,而我个人也是觉得没有必要添加这个功能,直接引用链接显示就可以了,毕竟服务器也是贼贵,没必要再弄一个来存放上传的图片,除非是刚需。...,也可以选择其他的比如默认的 default.css 或者 solarized_dark.css 等等,在 highlight.js demo 中可以看到具体的效果,而这些文件可以在 “…\Lib\site-packages

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

    基于 Django 的个人网站(2)

    ,在这很多个插件中,我决定选择django-ckeditor。...django-ckeditor 的安装 django-ckeditor 的安装非常简单,直接:pip install django-ckeditor 就行了,安装完成之后如图所示。 ? ?...django-ckeditor 的使用 使用 django-ckeditor 非常简单,因为我这里安装的是 django-ckeditor-5,和 django-ckeditor 差不多,但是也还是有一些区别的...下面直接回到正题,我们打开 PersonalWebsite\settings.py 里面找到 INSTALLED_APPS,在这个列表中添加一项名叫 django_ckeditor_5 的 app,如下所示...很明显的修改成功了,在编写其他代码之前我们先去测试这个富文本编辑器中的所有格式是否都可以被正常的显示,我们去增加一篇文章。 增加文章之后我们进入文章详情页面,看看是不是富文本可以正常显示,如图所示。

    2.2K20

    Django 的 admin后台使用富文本编辑器,保存数据之后,还要在html页面展示

    目录 admin后台使用富文本编辑器 CKEditor 实现的效果 CKEditor的安装 在setting.py中的下面几个配置 关于CKEditor的路由 使用 前端如何使用 admin后台使用富文本编辑器...CKEditor 实现的效果 CKEditor的安装 pip install django-ckeditor pip install pillow 在setting.py中的下面几个配置 INSTALLED_APPS...关于CKEditor的路由 在主路由 urls.py中 增加如下: url(r'^ckeditor/', include('ckeditor_uploader.urls')), 使用 在需要使用富文本编辑器的...models.py中添加如下: ckeditor.fields.RichTextField 不支持上传文件的富文本字段 ckeditor_uploader.fields.RichTextUploadingField...支持上传文件的富文本字段; 例如: 前端如何使用 登录admin后台,使用富文本编辑器就可以进行保存数据了,保存到数据库中,就是一大段的html标签弄出的代码 查询出这个字段,在页面直接展示就可以

    1.3K20

    Django添加ckeditor富文本编辑器

    =u'内容')#可以上传图片的 在 templates 中使用内容 {{ content | safe }} django使用ckeditor上传图片 1、在模型类中设置字段为富文本类型,这里需要注意引入的是...> 3、页面中引入控制html页面的JS和ckeditor的JS文件, 在django的installed_app中注册应用时,会自动在虚拟环境中生成应用信息/home/python/.virtualenvs...root权限下,在vim中修改文件的编码:set fileencoding=utf-8后,重新加载页面,显示正常。 四.如何高亮代码?...后端编辑方面,django_ckeditor-5.2.2-py2.7.egg中已经自带了code snippet插件,仅需进行简单的配置,就可以在后端激活这个插件。...PIL在ckeditor中是dummy_backend,在相应的py文件中可以看到,它恒返回False。

    2.2K31

    在django-admin中使用django-ckeditor

    在最新学习python中,使用django搭建博客系统,管理后台直接使用django自带的admin模块,所以遇到富文本编辑的问题,经过查阅资料,发现了django-ckeditor这个小插件,下面小威就分享一点点来自小白的经验吧...需要依赖此库) pip install pillow 安装好后,就是要进行django的配置,大致配置步骤如下: 1.在settings.py文件中,将“ckeditor”和“ckeditor_uploader...中增加ckeditor的url配置 from django.urls import path,include,re_path urlpatterns = [ url(r'^ckeditor/',include...: STATIC_URL = '/static/' STATIC_ROOT = 'static' 在urls.py中的“urlpatterns”添加配置: from django.views import...是不能上传图片的) 2.然后把你需要是富文本的字段修改下即可,如:content = RichTextUploadingField(verbose_name='内容') from ckeditor_uploader.fields

    1.6K30

    基于 Django 的个人网站(3)

    自定义 django-ckeditor 在这里,我通过添加代码块插件为例讲解一下如何自定义 django-ckeditor-5,在自定义之前我们首先需要下载 django-ckeditor-5 源码,然后找到其中的...增加完成之后就简单很多了,我们先按照 ckeditor5 官网教程安装一些必要的模块,在安装之前先把工作目录切换到 node.js 项目根目录,安装命令为 npm install --save 模块名,...输出有点多,我们不用管,只要没看到报错就行,接下来我们把 static\django_ckeditor_5\dist 目录下的文件复制到 Python 模块 django-ckeditor-5 的对应路径中..._5\src 目录下的文件复制 Python 模块 django-ckeditor-5 的对应路径中,在我这里是 D:\ANACONDA3\Lib\site-packages\django_ckeditor..._5_CONFIGS 变量,在 toolbar 对应的列表中添加值为 codeBlock 的字符串元素,代码如下: CKEDITOR_5_CONFIGS = { 'default': {

    2.5K30

    简单聊聊Python在算法、后端、量化工作中的应用

    今天想聊聊Python在算法、后端、量化工作中的应用,该如何去学习呢?...能够用到Python的工作有哪些? 我以我高中、大学的几个同学的经历为例,分别介绍下他们用Python的场景。...2、同学B:某头部自主车企 后端开发工程师 同学B是原来在乙方软件公司工作,主要负责车机软件的开发,后来不想卷去了甲方做web安全后端,但发现活一点没变少,可能这几年汽车电子发展太快,都在更新迭代。...现在车企招聘比较青睐计算机背景的候选人,许多在互联网裁员大潮中全身而退的技术人去了车企做开发、做产品,其实也是个不错的选择,赶上新能源发展的机遇。...他们做的安全相关业务后端开发,平常主要用到Django、Django RESTFramework、docker等框架,还有MySQL、MongoDB、Redis等数据库,基本上都是基于Python去做开发

    1K11

    基于 Django 的个人网站(1)

    Django 的安装 在开始之前,我们首先需要安装 Django。...关系找到了,接着就是考虑实体的属性,这里只有两个实体——文章和类别,文章实体中必须具有以下属性——id(主键自增)、标题(唯一)、摘要、内容(作者什么的我为了简单外加上节省空间,就不写了),类别,当然文章中还需要一个属性...既然是类别,我们只需要显示对应的名称就行了,这个问题解决起来很简单,去重写模型类的__str__魔法方法,personal_website\models.py 的代码如下: from django.db...虽然说后台已经基本上算是完成了,但是在文章内容方面还是有些缺陷的,比如内容中只能是字符,图片什么的都无法写入,解决这个问题有两个方法——markdown 和富文本编辑器,我选择富文本编辑器,Django...富文本编辑器插件有很多,我在这里使用的是 django-ckeditor,想知道我为什么使用这个插件以及如何使用这个插件,我们下回再说。

    1.4K20

    使用Django编写简易测试报告生成器

    概述 安全测试人员在工作的时候,不单单需要发现问题,还需要花费精力去撰写安全测试报告来记录结果。为了方便,我利用django框架写了个简易的安全测试报告撰写系统。...撰写报告的时候,需要写明漏洞名称、漏洞风险等很多项目内容。对于某一类型漏洞而言,其实有很多项在大多数情况是固定不变的(比如漏洞名称、修复建议)。...,可以导出报告: 实现了漏洞管理 扩展和说明 漏洞模板创建 models.py文件中创建了BugModel类作为漏洞模板,并添加到admin中,在django的管理后台可以添加模板,访问http://localhost...:8000/admin ,编辑BugModel即可: 然后在views.py中编辑form表单SelectTestFrom,添加模板选择项: Word模板扩展 漏洞详情的使用ckeditor获取用户输入...:html2word.py 下面是将漏洞字段填充到word中,如果有需要丰富生成的word模板,可以修改下面的内容:Object2word.py 附件 源码已经上传至github:https://github.com

    1.6K70

    小手一抬,就能用 Python Django 实现一个微型博客系统

    二、Python Django 微型博客 ==================== 通过简单的操作,就可以在 Django 中实现一个博客 应用 2.1 用模板生成文件 ----------- 进入到...上篇博客创建的目录中,执行下述命令。...'blog', # 这里是非常重要的 ] 在 Django 中,如果希望应用模型、静态文件、模板这些内容,需要在 INSTALLED_APPS 添加对应的应用目录,如果没有设置,应用不会进行加载。...2.2 创建文章模型与数据库结构 ---------------- 一篇博客包括标题,内容,发布时间等内容,这些都在 Django 中进行创建,核心要修改的是 models.py 文件。...Create model Blog,提示创建了一个 Blog 类,下面将 models.py 中的内容在 sqlite3 创建出来,使用的命令为 python manage.py migrate blog

    39930

    django开发个人简易Blog——构建项目结构

    1.创建项目 进入项目要存放的目录,在命令行中输入如下指令: #django-admin.py 在你的python安装目录的Lib\site-packages\django\bin目录下 python...,一个项目下可以有多个app,每一个app可以是一块相对独立的功能模块,本例中,比较简单,blogapp就是博客管理功能模块。...负责博客系统的文章、分类等的统一管理工作。 进入fengzhengBlog/fengzhengBlog目录,在命令窗口中执行如下命令: python .....至此,项目结构规划完毕,下面,创建一个简单的模板,添加一些简单的html、js、图片等,查看是否正常运行。 在template目录下新建一个html文件,命名为test.html,内容如下: <!...://127.0.0.1:1989/test  ,打开开发人员工具,观察发现图片、样式文件、脚本文件都已经加载成功: 查看页面,发现图片正常加载,而且模板中的动态参数也正常获取,点击按钮,脚本正常执行

    99650

    『Django』模型入门教程-操作MySQL

    Django 为我们提供了一种更简单的操作数据库的方式。 在 Django 中,模型(Model)是用来定义数据库结构的类。每个模型类通常对应数据库中的一个表,类的属性对应表中的列。...Django 应用的 models.py 文件中),并生成描述这些更改的迁移文件。...创建博客模型 接下来就要配置 blog 的 models.py 了。...在 account/models.py 中的代码就变成这样写: # account/models.py from django.db import models # 创建一个用户表 class User...在日常开发中,“查数据”的工作是最大的。本文只是简单的介绍了 get() 和 filter() 方法。真正查数据的话其实还有很多方法去协助我们的,而且还有很多“且”和“或”的条件判断。

    9610

    使用Django单元测试与集成测试保障Web应用程序代码质量

    在Django中,我们可以使用unittest模块或Django自带的TestCase类进行单元测试。...我们可以通过运行python manage.py test来运行这个单元测试,并确保add函数的行为是正确的。 集成测试 集成测试是对整个应用程序或其组件进行的测试,以确保它们在一起工作正常。...在Django中,我们可以使用django.test.TestCase类来编写集成测试。...假设我们有一个简单的博客应用程序,其中包含Post模型和create_post函数用于创建新的博客文章: # myblog/models.py ​ from django.db import models...在Django中,TDD是一种常见的实践,它可以帮助开发人员更加专注地编写可测试、可维护的代码。 让我们以创建一个简单的待办事项(Todo)应用程序为例,演示如何使用TDD来开发。

    33820

    Django简单博客系统项目开发总结

    本文是Django入门与实践部分,简单博客系统项目开发总结思维导图。...Django使那些开发复杂的、数据库驱动的网站变得简单。...,Django在开发时这些都不需要,它本身就自带有一个独立的服务器。...Django框架的核心包括: models.py 一个面向对象的映射器,用作数据模型(以Python类的形式定义)和关系性数据库间的媒介; urls.py 一个基于正则表达式的URL分发器 views.py...一个视图系统,用于处理请求 models.py 一个模板系统 核心框架中还包含: Web服务器,是一个轻量级的、独立的Web服务器,用于开发和测试 表单序列化及验证系统,用于HTML表单和适于数据库存储的数据之间的转换

    71641

    django使用ckeditor上传图片

    1、在模型类中设置字段为富文本类型,这里需要注意引入的是RichTextUploadingField,以允许上传图片,需要和RichTextField区分开 from ckeditor_uploader.fields...> 3、页面中引入控制html页面的JS和ckeditor的JS文件, 在django的installed_app中注册应用时,会自动在虚拟环境中生成应用信息/home/python/.virtualenvs.../django_1.11.16_py3/lib/python3.5/site-packages/ckeditor/static/ckeditor/ckeditor/ 在js路径前加上域名,否则服务器会在...的用户校验方法,django-admin的校验方法不允许跨域请求,我们需要使上传图片的类试图函数继承自django-restframework的APIVIew,    # url(r'^ckeditor...url(r'^ckeditor/', csrf_exempt(ImageUploadView.as_view())), # 为富文本编辑器添加总路由 6、在应用中改写路由和类视图,使用permission_classes

    2.5K10
    领券