一、版本

Django==1.11

django-ckeditor==5.2.2

二、关键步骤

1.删除旧的ckeditor静态文件

所在目录:项目目录下的static文件夹下的ckditor文件夹

rm ckeditor -rf

原因:在安装ckeditor后需要执行collectstatic命令,这个过程中的查找静态文件会去ckeditor安装目录去查找静态文件的,如果想要修改项目中的静态文件,则直接在static目录修改是没有作用的,所以先把这个文件夹删除,然后再修改ckeditor本身的内容,再执行collecstatic命令就可以使用最新的静态文件了(备注:我的ckeditor安装在虚拟环境中的,如果安装在系统中修改需谨慎)

2.拷贝想要的表情文件到ckeditor指定目录

目录是:/lib/python3.5/site-packages/ckeditor/static/ckeditor/ckeditor/plugins/smiley/images(注意这是ckeditor的安装目录)

把想要的表情复制到该目录

然后执行命令

python3 manage.py collectstatic

3.在settings.py配置表情

参考如下:

CKEDITOR_CONFIGS = {'basic': {'language': 'zh-cn',#语言'uiColor':'#E0F2F4', 'width':'200%','height':'200%',#'skin': 'moono',#'skin': 'office2013','toolbar_Basic': [['Source', '-', 'Bold', 'Italic']],'toolbar_YourCustomToolbarConfig': [{'name': 'insert','items': ['Smiley',]},],'smiley_images':['1.gif','2.gif','3.gif','4.gif','5.gif','6.gif','7.gif','8.gif','9.gif','10.gif','11.gif','12.gif','13.gif','14.gif','15.gif','16.gif','17.gif','18.gif','19.gif','20.gif','21.gif','22.gif','23.gif','24.gif','25.gif','26.gif','27.gif','28.gif','29.gif','30.gif','31.gif','32.gif','33.gif','34.gif','35.gif','36.gif','37.gif','38.gif','39.gif','40.gif','41.gif','42.gif','43.gif','54.gif','45.gif','46.gif','47.gif','48.gif','49.gif','50.gif', ],#使用哪些表情'smiley_columns':10,#控制行表情个数,此处为10个'smiley_descriptions':[],#提示文字 比如如果填 '哈哈',则当鼠标在1.gif,则出现提示文字哈哈,由于过多,此处暂时就不写了'toolbar': 'YourCustomToolbarConfig',  # put selected toolbar config here# 'toolbarGroups': [{ 'name': 'document', 'groups': [ 'mode', 'document', 'doctools' ] }],# 'height': 291,# 'width': '100%',# 'filebrowserWindowHeight': 725,# 'filebrowserWindowWidth': 940,# 'toolbarCanCollapse': True,# 'mathJaxLib': '//cdn.mathjax.org/mathjax/2.2-latest/MathJax.js?config=TeX-AMS_HTML','tabSpaces': 4,'extraPlugins': ','.join(['image', # add hiveme'uploadimage', # the upload image feature# your extra plugins here'div','autolink','autoembed','embedsemantic','autogrow',# 'devtools','widget','lineutils','clipboard','dialog','dialogui','elementspath']),},
}

实现的效果图如下:

4.福利:表情包连接

http://www.lanrenzhijia.com/others/3068.html

把这个下载下来,然后把其中的images中的表情提取出来可以直接用

5.与技术无关

1.有问题欢迎留言讨论

2.解决了你的问题记得顶我哦哈哈

转载于:https://www.cnblogs.com/hiveme/p/8194825.html

django-ckeditor表情包修改相关推荐

  1. 【好玩的小demo】ps修改微信QQ内置gif表情包

    侵删. 效果展示 原图: 修改后: 表情包保存 1. QQ 手机端发送一张内置表情,点击表情打开,长按保存至手机,再发送给电脑另存为即可.      2. 微信 参考微信动态表情如何保存到手机本地相册 ...

  2. Django ckeditor自定义表情包

    第一步 下载自己喜爱的表情包,我的表情包需要的可以下载,百度网盘链接,密码:9yab. 第二步 进入到ckeditor目录的表情文件夹之中,找到这个文件夹/lib/python3.6/site-pac ...

  3. hexo(matery)valine评论适配(最新版表情包接口,修改样式)

    一.修改样式 第33行去掉max-width: 100%;这个属性, 然后增加一个控制输入框的内边距属性为0具体 .v[data-class=v] .vinput {padding: 0px 0px; ...

  4. 恶搞php表情包,PS制作搞笑的金馆长表情或修改金馆长表情文字

    网上到处都有很多金馆长表情,喜欢收集表情的你是不是也想作出自己的金馆长表情呢,下面小编就为大家介绍PS制作搞笑的金馆长表情或修改金馆长表情文字方法,很简单的,有兴趣的朋友可以参考本文哦 金馆长表情近年 ...

  5. python 表情包制作库_Django+PIL 做一个表情包生成网站

    ZERO 前言 最近看到一个系列表情包火了起来,无聊之下想起入门Django时没什么好玩项目的种种不利,就写了这么一篇菜菜的文章,也算是一个简单的入门教程吧 ONE 什么是Django Django ...

  6. python实现人脸识别抓取人脸并做成熊猫头表情包(2)之优化

    上次做完python实现人脸识别抓取人脸并做成熊猫头表情包之后就放了一下,因为还要好好学习Springboot毕竟这才是找工作的硬实力.但是优化这个代码心里面一直很想,借用<clean code ...

  7. GitHub 总星 4w+!删库?女装?表情包?这些沙雕中文项目真是我每天快乐的源泉!...

    点击上方"AI遇见机器学习",选择"星标"公众号 重磅干货,第一时间送达 作者 |  Rocky0429 来源 |  Python空间 大家好,我是 Rocky ...

  8. linux 视频转gif,GitHub - alinuxsa/VideoToGIF: video to gif 视频转gif制作表情包插件(可以添加文字)...

    Chrome浏览器插件安装点这里 点这安装 Install 背景 上面这张图大家都见过吧,哈哈 现在聊天时候少不了斗图,光发静图逼格略低了些,GIF在斗图中肯定略胜一筹,手绘动画生成GIF对大多数人来 ...

  9. 全国计算机二级表情包,计算机考试报名照片却上传成表情包 又一个段子?

    原标题:计算机考试报名照片却上传成表情包 又一个段子? [观察者网 文/赵可心]昨晚,微博网友@明还_ 讲述了一段让人哭笑不得的故事,引来4万人转发. 一师兄报名计算机考试,证件照一直上传不成功,结果 ...

最新文章

  1. 【特征匹配】ORB原理与源码解析
  2. pandas索引复合索引dataframe数据、索引其中多个水平(level)的多个数据行(index rows from different levels)、使用元组tuple表达复合索引的指定行
  3. (Java常用类)日期时间类
  4. spring-mvc(基础)
  5. (53)zabbix模板
  6. Tcl与Design Compiler (二)——DC综合与Tcl语法结构概述
  7. HDU4311(排序+二分)
  8. 交织技术及其在GSM系统中的应用
  9. 附件在线预览控件实现的市场调研
  10. 表格/列表法之分部积分
  11. 别让蛋壳跑了、打工人的「爷青回」和今天团购了吗?|极客一周
  12. 使用MySQL存储过程给表批量造数据
  13. 三只松鼠网络营销成功之路
  14. Redis key过期策略
  15. [ICPC Asia Nanjing 2019] Holy Grail (spfa最短路)
  16. 评测 R7 7735HS和i5 12500h选哪个 锐龙R77735HS和i512500h差距
  17. [机器翻译]—BLEU值的计算
  18. 傻白探索Chiplet,Chiplet技术简介(一)
  19. Olivetti PR2/PR2E 打印机故障分析与排除
  20. “老鲜肉”陈坤参加了“汇新杯”新兴科技+互联网创新大赛!

热门文章

  1. 【CodeForces - 523C】Name Quest (模拟)
  2. 【CodeForces - 761B】Dasha and friends (思维,模拟,构造)
  3. 重读经典:《Deep Residual Learning for Image Recognition》
  4. 3.Your First Machine Learning Model
  5. java 命令行 编译 jar文件_用命令行编译java并生成可执行的jar包
  6. db2 linux 平台下迁移_Linux 下的 DB2数据库的迁移
  7. mysql录数据总是错误_MySQL数据库出错
  8. mysql in partition_MySQL Partition分区扫盲
  9. 计算机技术与通讯,通信技术与计算机技术的融合发展
  10. keil3如何放大字体_国潮海报不会做?送你国风字体+图案笔刷+PSD素材+包装样机...