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

Django添加ckeditor富文本编辑器

> 3、页面中引入控制html页面的JS和ckeditor的JS文件, 在django的installed_app中注册应用时,会自动在虚拟环境中生成应用信息/home/python/.virtualenvs...CKEditor中文字体名称乱码? 第一步操作,重新加载页面,中文字体显示,但是名称却显示乱码?在虚拟机的Ubuntu上用火狐试了一把,同样的问题,可见和浏览器没有关系,问题出在服务器端。...root权限下,在vim中修改文件的编码:set fileencoding=utf-8后,重新加载页面,显示正常。 四.如何高亮代码?...假设后端的CKEditor已经添加好样式表了? 九.前端页面显示的字体/大小和后端设置的不一样? 前端页面CSS造成的,如何解决? 十.使用七牛云存储,缩略图无法生成?...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...', 'blog.apps.BlogConfig', 'ckeditor', 'ckeditor_uploader' ] 2.在settings.py中配置“CKEDITOR_UPLOAD_PATH...('ckeditor_uploader.urls')) ] 这里的话,我所有上传的图片文件保存路径都是在static目录下的,附带再贴下我静态资源加载的目录配置吧,大概修改了两个文件: 修改settings.py...: STATIC_URL = '/static/' STATIC_ROOT = 'static' 在urls.py中的“urlpatterns”添加配置: from django.views import

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

    一个简单的页面加载管理类(包含加载中,加载失败,数据为空,加载成功)

    在最近公布的比赛框架中,发现了页面加载管理类,觉得挺有用的,所以做个简单的笔记。 什么是页面加载管理类呢?...我们一般在写网络请求的时候,如果不涉及什么MVP,或者别的,就一个简单网络请求,然后再成功的结果里刷新View,请求过程中总不能白屏吧,所以有些人可能会让转一个圈,或者显示加载中的布局,然后等成功后再隐藏掉...我们来具体看一下实现过程 /** * 页面加载管理类,根据不同的状态显示不同的view */ public abstract class ContentPage extends FrameLayout...加载中 Loading......这个布局就不用写了,就是你自己要显示的布局 那么具体在代码中如何使用呢,我们看下面这个Demo。

    1.2K40

    django-富文本-ckeditor配置

    注册到该列表中 'ckeditor', ] 创建模型 在 models.py 中导入 RichTextField 类 # blog/models.py from django.db import...\Lib\site-packages\ckeditor\static\ckeditor\ckeditor\plugins\ 目录中,名称是 codesinppet 配置 在 settings.py 中添加自己的...所有这里不会再讲这部分内容,想看的话可以移步这里 代码高亮 在后台管理页面中,编辑器中的代码块已经有高亮效果了,然而在普通页面中显示却没有效果。...这是因为编辑器已经默认引用了 highlight.js 库,而在普通页面中,只需要手动添加 highlight.js 就可以使代码达到高亮的效果。代码如下: ......highlight.js demo 中可以看到具体的效果,而这些文件可以在 “…\Lib\site-packages\ckeditor\static\ckeditor\ckeditor\plugins\

    2.1K20

    基于 Django 的个人网站(2)

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

    2.2K20

    破解在idea中无法加载spring cloud config中多环境配置之谜

    先简单说一下spring cloud的配置中心的一些概念 Spring-cloud Config Server 有多种种配置方式, 1、config 默认Git加载 通过spring.cloud.config.server.git.uri...指定配置信息存储的git地址,比如:https://github.com/xxx/config-repo 2、加载本地开发环境 spring.profiles.active=native spring.cloud.config.server.native.searchLocations...其结果是真的建立了一个configs.local的单一文件夹,而不是在configs文件夹下面建立一个local文件夹。 ?...在这里windows,mac下面的情况都一样,所以正确的做法是进入configs目录下,手工建立一个local的文件夹(windows请在资源管理器下操作) ?...enabled: true serviceId: config-center # profile: dev profile: local 就可以在多配置环境下使用配置中心了

    2.3K20

    基于 Django 的个人网站(3)

    自定义 django-ckeditor 在这里,我通过添加代码块插件为例讲解一下如何自定义 django-ckeditor-5,在自定义之前我们首先需要下载 django-ckeditor-5 源码,然后找到其中的...输出有点多,我们不用管,只要没看到报错就行,接下来我们把 static\django_ckeditor_5\dist 目录下的文件复制到 Python 模块 django-ckeditor-5 的对应路径中...,在我这里是 D:\ANACONDA3\Lib\site-packages\django_ckeditor_5\static\django_ckeditor_5\dist,然后把 static\django_ckeditor..._5\src 目录下的文件复制 Python 模块 django-ckeditor-5 的对应路径中,在我这里是 D:\ANACONDA3\Lib\site-packages\django_ckeditor..._5_CONFIGS 变量,在 toolbar 对应的列表中添加值为 codeBlock 的字符串元素,代码如下: CKEDITOR_5_CONFIGS = { 'default': {

    2.5K30

    Django开发常用30个软件包

    这点和你在前端使用ajax实现异步加载有异曲同工之妙。 定时任务。假设有多台服务器,多个任务,定时任务的管理是很困难的,你要在不同电脑上写不同的crontab,而且还不好管理。...Django REST 框架 构建REST API的优秀框架,可管理内容协商、序列化、分页等,开发者可以在浏览器中浏览构建的API。  ...Django stored messages 可以很好地集成在Django的消息框架中(django.contrib.messages)并让用户决定会话过程中存储在数据库中的消息。  ...Django Compressor 可将页面中链接的以及直接编写的JavaScript和CSS打包到一个单一的缓存文件中,以减少页面对服务器的请求数,加快页面的加载速度。  ...17.django-ckeditor - 富文本编辑器 django没有提供官方的富文本编辑器,而ckeditor恰好是内容型网站后台管理中不可或缺的控件。

    3.4K20

    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路径前加上域名,否则服务器会在.../ckeditor/ckeditor.js"> 4、在vue变量的mounted方法中加入 let vm = new Vue({   ......url(r'^ckeditor/', csrf_exempt(ImageUploadView.as_view())), # 为富文本编辑器添加总路由 6、在应用中改写路由和类视图,使用permission_classes

    2.5K10

    在 CSS 中,怎样有效地优化样式表的加载性能,减少页面加载时间?

    有几种方法可以有效地优化CSS样式表的加载性能,从而减少页面加载时间: 最小化样式表:移除不必要的代码和注释,并将多个样式合并为一个文件,以减少样式表的大小。...内联关键样式:将页面上的关键样式直接内联到HTML中,以避免额外的网络请求。这对于页面的首屏渲染非常有帮助。...延迟样式加载:将非关键的样式移动到页面底部,或使用异步加载方式加载,以确保页面的主要内容优先加载。 使用缓存:使用适当的缓存策略,如HTTP缓存头来缓存样式表,以减少网络请求和响应时间。...使用媒体查询:只加载适用于特定设备或屏幕尺寸的样式表,以避免不必要的样式加载。 避免嵌套选择器:避免使用过多的嵌套选择器,因为它会增加样式解析的复杂性和时间。...通过采取这些优化措施,可以显著提高CSS样式表的加载性能,减少页面加载时间。

    7110

    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 给 a tag(标签)添加 target 默认值

    启发文档 https://ckeditor.com/docs/ckeditor4/latest/guide/dev_disallowed_content.html CKEDITOR.on( 'dialogDefinition...在 django ckeditor 的 config.js 的代码中,我加了几个 console.log 得到结果: 就是两次 get 元素 id,得到需要的节点,再设置这个节点的默认值。...再看 超链接 的 目标 选项卡的值: 从这里也能看出 目标 窗口页面的默认值要获取的 id 是 linkTargetType,获取它要给它设置 default,就可以达到想要的目的。.../lib/python3.6/site-packages/ckeditor/static/ckeditor/ckeditor/config.js config.js 修改完后要重新收集静态文件部署,正式环境才能使用...linkTargetType"); console.log(targetField); targetField["default"] = "_blank"; } }) 额外发现 django

    1.5K30

    基于 Django 的个人网站(6)

    、Gunicorn 和 django-ckeditor-5,其中 django-ckeditor-5 安装起来有些麻烦,我们稍后再说,先安装 Django 和 Gunicorn,直接执行命令。...pip3 install Djangopip3 install gunicorn 如果都没有报错就意味着安装成功,接下来就是讲一下安装 django-ckeditor-5,这个我们直接把修改的源码先上传到服务器.../django-ckeditor-5-master/python3 setup.py install 运行项目 该安装的都装好了,接下来把项目上传到服务器,并启动项目: python manage.py...] } }} INSTALLED_APPS = [ 'personal_website.apps.PersonalWebsiteConfig', 'django_ckeditor...STATIC_ROOT = os.path.join(BASE_DIR, "static") 接下来收集静态文件,运行命令: python manage.py collectstatic 然后运行看看,发现样式并没有加载

    1.3K10

    使用FluentScheduler和IIS预加载在asp.net中实现定时任务管理

    iis预加载的时候偶然间发现的,立马拿来试用一下,感觉爽呆了,当然还有Quarz.Net之类的其他任务管理框架,不过看配置似乎有点麻烦,反正除了timer我啥也没用过......,如果不在web项目中运行,则不需要实现IRegisteredObject接口以及stop函数,所有的业务代码均在Execute函数中执行 在ASP.NET中作定时任务 在之前我们也有部分项目用widowsservice...来做定时任务,但是弊端很明显,调试太麻烦,发布也麻烦,自动发布更难实现 相比之下web服务器就容易管理的多了 实际上在asp.net 中的定时任务和FluentScheduler框架并没有什么必然的联系...,你也可以用timer或其他的任何方式来实现,但是所有的这些实现方式都避免不了面对一个问题:IIS的回收机制 因为有了回收机制的存在,所以在asp.net中做定时任务就会面临两个问题: 1.任务没有执行完成线程就被回收了...2.开启对应网站预加载 ? 3.增加配置编辑器,编写默认预加载的请求页面 ? ? ? 至此,我们的服务就可以正常的运行啦

    2.3K80
    领券