自定义CKeditor图片上传按钮_真-酸辣土豆丝的博客-CSDN博客
自定义CKeditor图片上传按钮
真-酸辣土豆丝
于 2018-01-11 10:58:47 发布
1061
收藏
分类专栏：
总结
文章标签：
java
CKeditor
图片上传
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_18630487/article/details/79031721
版权
总结
专栏收录该内容
44 篇文章
0 订阅
订阅专栏
自定义CKeditor图片上传按钮，可实现点击直接上传，自动插入编辑器中。
点击上传，选择图片
上传成功自动插入
http://download.csdn.net/download/qq_18630487/10199980
下载CKeditor文件夹替换项目中的对应文件夹，按说明修改对应文件。
修改ckeditor.js中imgupload()的上传接口路径。根据接口返回自定义 success: function 中的代码解析出图片路径。
真-酸辣土豆丝
关注
关注
点赞
收藏
打赏
评论
自定义CKeditor图片上传按钮
自定义CKeditor图片上传按钮，可实现点击直接上传，自动插入编辑器中。点击上传，选择图片上传成功自动插入http://download.csdn.net/download/qq_18630487/10199980下载CKeditor文件夹替换项目中的对应文件夹，按说明修改对应文件。修改ckeditor.js中imgupload()的上传接口路径。根据
复制链接
扫一扫
专栏目录
自定义图片上传按钮的ckeditor
01-11
用自定义图片上传按钮代替原来的图片上传按钮，实现即时上传插入。覆盖原ckeditor。修改ckeditor.js中imgupload()的上传接口路径。根据接口返回自定义 success: function 中的代码解析出图片路径。
CKEditor_4_Image_Upload:CKEditor 4的简单隐藏iframe图片上传按钮
05-25
CKEditor 4图片上传
CKEditor 4的简单隐藏iframe图片上传按钮
下载档案
将imageupload文件夹上传到ckeditor插件文件夹
[removed][removed]
[removed]
CKEDITOR.plugins.addExternal('imageupload', '/ckeditor/plugins/imageupload/', 'plugin.js');
var editor = CKEDITOR.inline('editable', { extraPlugins: 'imageupload' });
[removed]
plugin.js中的可配置选项
var action = '/admin/create/upload';
var field = 'upload';
形式行\u52a8=
参与评论
您还未登录，请先
登录
后发表或查看评论
CKEditor添加自定义按钮
简单而思进取
03-13
1万+
1、下载ckeditor,我这里下载的是CKEditor 3.6.2。
2、里边有压缩过的代码及源码，源码所在目录为_source，还有一些使用例子，具体不做累述
此处主要讲的是在使用过程需要添加自定义按钮。
2. 比如我要添加“插入代码”的按钮，起名为code。在ckeditor/plugins下新建文件夹code，在code文件夹里加入一个小图片如code.gif，然后在code文件
ckeditor 自定义上传图片
02-05
ckeditor 自定义上传图片 可以自定义上传图片按钮，源码，
前端实现ckeditor插入图片，不必经过上传到服务器再插入到富文本
weixin_33675507的博客
03-15
1735
关于怎么安装和引入的不多说了，这篇笔记主要记的是关于自定按钮其实部分代码就是ckeditor上的代码，但是官方定义的插入图片需要上传到服务器，但是目前的需求不需要上传上去。我就想直接把图片转成base64插入到富文本。在ckeidtor的目录下有个plugins文件夹，我们要做的就在这个文件夹里在plugins下新建一个文件夹，名称为ab...
富文本编辑器CKEditor4添加自定义插件(实现多图上传)
qq_33317437的博客
03-02
1502
ckeditor的扩展功能，因项目需要添加一个多图上传功能
1、ckeditor/plugins/下新建一个uploadImg的目录，并且在里面创建一个plugin.js，把插件的图标放在icons文件夹里(必须命名为icons)
2、注册插件，plugin.js代码如下
var httpUrl = 'XXXXX'; // 图片上传路径
CKEDITOR.plugins.add( 'uploadImg', { // 注册名为uploadImg的插件
icons: 'uploadImg',
CKeditor4上传图片
最新发布
shihezhengshz的博客
08-06
1472
前期提要：
山重水复疑无路，柳暗花明又一村。
看网上一堆东西，本来都打算让后端加接口了，结果给我发现了一个宝藏！
好了，开始写！原文链接我放最后了。
所属环境：
vue2 & vue-cli 4.5.8 & CKeditor 4
CKeditor4是同事下载的包，丢public里边了
操作流程：
1.引入CKeditor
前面一堆引入ck的流程，突然不想写了，这里直接丢原文链接，去对着看一下吧，下面我只写Request 和 Response ...
ckeditor上传本地图片
11-18
ckeditor ckfinder 上传本地图片
自定义CKeditor上传图片按钮
Gavin-吴的博客
05-05
2264
背景：之前公司的项目中用的是KindEditor富文本编辑器，后来发现有上传漏洞，所以项目中用了CKeditor富文本编辑器。But 发现自带的上传图片按钮并不能将上传的图片保存到服务器上，So 下面就来说一说如何在CKeditor中自定义上传图片按钮。
CKeditor官网下载：https://ckeditor.com/ckeditor-4/download/
步骤：
1).下载后解压，将整...
ckeditor_4.x自定义按钮控件详细配置
11-30
ckeditor_4.x 基于4.x版的自定义按钮控件 可自定义图片按钮、文本按钮 - 详细配置
CKEditor5 自定义上传图片
happyElina的博客
01-09
4747
公司的网站中也要集成富文本编辑器，我们选择了CKEditor 5，官方网址
在集成的过程中需要完成图片上传到公司服务器，在文档中有三种方法，三种方法，
第一种是用CKEditor 的服务肯定是不行，第二种需要后端配置一些东西，最好也不要麻烦别人，第三种就是自己根据引导去写一个自定义插件，因为他都基本写好了，所以比较容易，于是就自己写了一个MyUploadAdapter.js 文件，在需要的地方...
ckeditor4 自定义插件 多图上传 图片上传
weixin_33762130的博客
10-20
889
2019独角兽企业重金招聘Python工程师标准>>>
...
ckeditor 学习笔记【2】添加自定义按钮
殷长庆的博客
09-23
632
1、首先添加图片插件
2、注册插件到ckeditor中
3、显示
(function() {
CKEDITOR.plugins.add("customimageupload", {
init: function(a) {
a.ui.addButton("customimageupload", {
label: "图
CKEDITOR自定义按钮上传图片
hengliang_的博客
04-25
972
zh前端时间需要用到富文本编辑器，经理推荐了这个ckeditor，开发过程中有上传图片的功能，由于业务需要，我们不存图片路径，只好把图片转成base64当成标签存到数据库，编辑器自带的上传图片功能都是存储路径的（也有可能是学艺不精）我们需要转成base64.只好自定义一个上传图片的功能。
在ckeidtor的目录下有个plugins文件夹，我们要做的就在这个文件夹里
在plugins下新建一个文...
CKEDITOR之video 插件&窗口包含文件上传功能
05-28
CKEDITOR富文本编辑软件有个大家通用的video插件，但是该插件窗口没有“文件上传到web服务器的功能”，故在在此基础上，添加了“文件上传服务器”的功能，便于日常使用，目前仅在django_ckeditor中测试。
CKEditor实现图片上传以及预览
热门推荐
Saytime
05-15
4万+
前言CKEditor其实不需要多介绍，最早之前叫FCKEditor，后面改名了，其实就是一个富文本编辑器。
The best web text editor for everyone
上面是官网首页的内容，看上去挺牛逼的，其实也是，以前富文本编辑器还不是特别多，CKEditor算是老牌中的佼佼者吧，如今选择就有很多了，比如KindEditor，百度UEditor，CKEditor算是经典吧，功能
自定义ckeditor图片上传插件
陈劲松的博客
11-27
7247
最近正在做公司主页的后台管理项目，富文本编辑器选用ckeditor。头儿觉得ckeditor自带的插入图片插件的界面太复杂不好用，而且还得整合ckfinder才能实现本地上传，于是我想整个自定义的插件。闲来整了个demo。
环境：myeclipse
步骤如下：
1. 在ckeditor目录下的plugins里新建一个文件夹，这里我命名为simpleupload。在新建的文件夹里新建一个plu
ckeditor4音频视频上传自定义插件
04-14
ckeditor4音频视频上传自定义插件
“相关推荐”对你有帮助么？
非常没帮助
没帮助
一般
有帮助
非常有帮助
提交
©️2022 CSDN
皮肤主题：技术黑板
设计师：CSDN官方博客
返回首页
真-酸辣土豆丝
CSDN认证博客专家
CSDN认证企业博客
码龄8年
暂无认证
68
原创
6万+
周排名
2万+
总排名
15万+
访问
等级
1980
积分
17
粉丝
56
获赞
80
评论
108
收藏
私信
关注
热门文章
Spring boot 整合mybatis 报错：ClassNotFoundException: org.mybatis.logging.LoggerFactory
17503
fori,foreach和stream().forEach三种集合遍历方式的区别和使用场景
8512
maven 仓库报错：Could not transfer artifact org.springframework.boot:spring-boot-maven-plugin:pom
7817
MybatisPlus真正的批量插入（非循环单个）方法
7710
Springboot web页面404问题
6985
分类专栏
java
6篇
mysql
2篇
kafka
1篇
idea技巧
2篇
prometheus
1篇
java服务监控
1篇
granana
1篇
总结
44篇
梦记
jenkins
3篇
自动化部署
3篇
原创
6篇
最新评论
springCloud gateway修改下游服务返回的HTTP状态
Austinu:
可以讲解一下源码不
正确理解MYSQL事务的可重复读RR隔离级别与锁
开发工程师_卢刚:
好，我还以为可重复度是对该行数据加了锁了呢，原始是快照，其他事务仍然可以做修改操作。
MybatisPlus真正的批量插入（非循环单个）方法
nreg:
所以 MybatisPlusConfig 完全没有必要，而且这个文章本身就有问题，有人已经辟谣了：
https://blog.csdn.net/DCTANT/article/details/122182657
MybatisPlus真正的批量插入（非循环单个）方法
程子豪.java:
我刚试了试会
MybatisPlus真正的批量插入（非循环单个）方法
nreg:
在 ExpandSqlInjector 类上加了 @Component 注解，又在 MybatisPlusConfig 中加了ExpandSqlInjector 的@bean注解，真的可以吗 不会报 两个实例的错误 吗
您愿意向朋友推荐“博客详情页”吗？
强烈不推荐
不推荐
一般般
推荐
强烈推荐
提交
最新文章
java报错Lock wait timeout exceeded或者很多事物僵死不执行的问题
正确理解MYSQL事务的可重复读RR隔离级别与锁
linux进程杀掉后自动重启，PPID=1
2022年5篇
2021年7篇
2020年18篇
2019年11篇
2018年13篇
2017年13篇
2016年6篇
2015年1篇
目录
目录
分类专栏
java
6篇
mysql
2篇
kafka
1篇
idea技巧
2篇
prometheus
1篇
java服务监控
1篇
granana
1篇
总结
44篇
梦记
jenkins
3篇
自动化部署
3篇
原创
6篇
目录
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
打赏作者
真-酸辣土豆丝
你的鼓励将是我创作的最大动力
¥2
¥4
¥6
¥10
¥20
输入1-500的整数
余额支付
(余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付
您的余额不足，请更换扫码支付或充值
打赏作者
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额
抵扣说明：
1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。 2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。
余额充值