ckedit4.11图片上传回显问题

最新推荐文章于 2021-12-02 15:29:49 发布
最新推荐文章于 2021-12-02 15:29:49 发布
阅读量2.7k 收藏 6
点赞数 1
文章标签： ckedit4.11 ckedit4.11上传图片回显
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39317208/article/details/84024836
版权
在使用 CKEditor 4.11 版本时遇到图片上传回显问题，原本4.5版本通过"CKEditorFuncNum"参数实现回显，但在4.11版本中出现“filetools-response-error”。官方文档指出需要返回 JSON 格式数据。解决方法是确保后端返回的上传响应是符合 JSON 格式的，包含"uploaded"参数，这样图片就能成功回显。
摘要由CSDN通过智能技术生成

    最近做的项目用了富文本编辑器，老大要求富文本编辑器功能多一些，由于一开始使用的ckedit是低版本的精简版，所以从官网自己添加需要的插件下载了4.11的版本https://ckeditor.com/cke4/addons/plugins/all

    config.js 文件中可以统一定义自己实现的上传接口

，也可以在使用的地方自行配置

filebrowserUploadUrl是上传请求接口。

      之前用的4.5精简版，上传时会自带请求参数"CKEditorFuncNum"  后端再这个参数返回

最低0.47元/天 解锁文章
李先森要做程序猿
关注
在项目中使用最新的ckeditor4.3.1的全过程+增加自己的上传本地图片按钮及将上传图片返回、保存
wangcunxin_的专栏
12-13 4494
在做一个购物网站，产品简介里需要添加图片或者更多的编辑方式来描述产品，就需要html编辑器，网上现有的都是很古老的版本，界面不好看。于是去了ckeditor的官网上下载了最新的版本，蹩脚的英语加上网页翻译终于找到了怎么用： 一，引入。将ckeditor文件夹拷到你的项目里，我是直接拷到了WebRoot下面，引入完成，就这么简单。 二，在你想使用编辑器的jsp页面上面，加上一句 将页面的tex
ckeditor4图片上传和返回JSON格式数据
Mamba_的博客
11-05 2099
关于ckeditor这个富文本编辑器的资料实在少得可怜。搞了几天终于搞通了流程，顺便写下来，可以参考下。 1.本人用的版本ckeditor4 2.关于如何引入啥的也不说了，直接引入ckeditor.js，这种一找还是挺多的，初始化，ckeditor最好放在jq和其他js之前 3.如果不想要工具栏中某些插件，到ckeditor文件夹下sample/index.html，点击Toolbar configurator，选择你想要的控件 4.选择完成后，点击get toolbar config获取配置后
Flask CKEditor 富文本编译器实现文章的图片上传以及回显，解决路径出错的问题
nanxiang11的博客
04-17 572
Flask CKEditor 富文本编译器实现文章的图片上传以及回显，解决路径出错的问题 下面是效果图： 上代码，这个是视图部分 @admin.route("/admin/match", methods=['GET', 'POST']) def match(): new_h_load = "" form = MatchForm() if request.method == "POST": if form.submit.data: title
CKEditor 图片上传成功，但却不能预览解决办法之一
天下大师傅
04-12 7966
问题起因：config.js文件都配置好了，页面上也显示了富文本编辑器，点击图片上传，上传到服务器，也成功了，本地文件夹里也有图片了。但是预览块就是没有图片，只有一个红色的错误提示图片。解决思路：各种百度查资料，大部分都是说文件配置问题，但是，我这里以前也使用过配置是没问题的。所以我就从图片路径上找问题。乍一看文件夹里都已经有上传的图片是没问题了，接着找，上传没问题，就找回显到预览的路径。发现，富...
CKEditor 上传文件后返回的内容
pshaoyi的专栏
07-01 1254
注意zhen 1、修改ckeditor 的配置文件 config.js
ckedit4.11富文本编辑器
11-13
CKEditor 4.11是一款强大的富文本编辑器，它为网页内容创作提供了丰富的功能和优秀的用户体验。这个编辑器广泛应用于网站、博客、论坛和其他在线内容管理系统，因为它能提供类似于桌面文字处理软件的编辑环境，使得...
PHP CKEditor 上传图片实现代码
12-18
首先，我们需要在CKEditor的配置文件`config.js`中设置图片上传的URL。在这个例子中，我们看到以下代码： ```javascript CKEDITOR.editorConfig = function( config ) { config.filebrowserImageUploadUrl = './...
fckedit ckedit图片上传浏览java板
06-30
直接放置在tomcat下，访问index.jsp
java springmvc5 ckedit5文件上传
01-04
本项目将这两个技术结合，实现了一个文件上传的功能，并且上传后的文件能够直接预览。以下是对这个功能的详细解析： **Spring MVC 5 文件上传** Spring MVC 5 提供了对文件上传的支持，主要依赖于`...
laravel-admin 编辑器基于ckeditor上传图片，并带PHP图片处理及回调方法
康师父Blog
04-27 3955
一、版本说明laravel 5.5ckEditor 3.6.3laravel-admin 1.5.*二、扩展ckeditor编辑器。网上找到ckEditor 3.6.3下载备用。添加编辑器扩展参考laravel-admin官网方档，http://laravel-admin.org/docs/#/zh/model-form-field-management,这里不再过多介绍。三、配置根据larave...
word图文混排复制到CKEditor图片不显示
yjjatqihc的博客
12-02 147
tinymce是很优秀的一款富文本编辑器，可以去官网下载。https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用。 umeditor+粘贴word图片 – 泽优软件博客 以vue为例说明： 将tinymce下载后放到static目录下，不用npm安装。 powerpaste放到\static\tinymce\plugins目录下 在index.html中引入tinymce.min.js。 代码参数配置如
CKEditor实现图片上传,并且回调图片路径
weixin_30587025的博客
07-22 1735
CKEditor编辑器的工具栏中初始的时候应该是这样子的，没有图片上传按钮 并且预览中有一堆火星文，可以修改相应配置删除它。 第一种方法：打开ckeditor/plugins/image/dialogs/image.js文件，搜索“b.config.image_previewText”，(b.config.image_previewText||'')单引号中的内容全删了，注意别删多了。(由于c...
Ckeditor添加一个自定义的多图上传组件+拖拽多图上传
波波的博客
03-02 881
由于客户的要求，ckeditor的上传图片功能太难用了，于是网上找到一个多图上传组件，下面进行整合 https://github.com/1107115073/CKEditor-uploads先下载这个多图组件 然后将uploads文件复制到ckeditor的plugins的目录下 然后在ckeditor的配置文件config.js添加下面这句，引用这个插件 //引用外部上传图片插件 config.extraPlugins = 'uploads'; 还要根据公司的上传接口返回的数据格式，.
springboot 集成 ckeditor，关于数据回显和数据获取的问题
jfh389987366的博客
01-04 3897
最近项目中用到了ckeditor富文本编辑器，在网上找了一些教程，说的都很详细，但是对数据的获取和后台数据的写入都是一带而过，但是在自己动手亲自做的时候却发现有关数据回显和数据获取时的问题，虽说是小的问题可是还是花了不少的时间去查阅相关资料，所以现在记录下来，以备后来查阅；使用富文本的步骤如下： 1，添加相关支持文件； 此处因为我现在只使用到了文本相关的功能，所以就选择了最基础的版本；
php cms word导入,ckeditor+phpcms+粘贴word+富文本编辑器粘贴上传图片返回“不正确的服务器 ckeditor响应”的解决方案【原创】...
weixin_39904809的博客
03-22 311
ckeditor+phpcms富文本编辑器粘贴上传图片返回“不正确的服务器 ckeditor响应”报错[CKEDITOR] Error code: filetools-response-error.本解决方法是：粘贴上传图片粘贴上传图片粘贴上传图片1.phpcmsv9 更新到ckeditor4.8方法：请自行根据方案升级.http://bbs.phpcms.cn/forum.php?mod=vie...
CKeditor图片上传报错,不正确的服务器响应
weixin_42207594的博客
10-26 1683
CKeditor图片上传报错,不正确的服务器响应 相信走到图片上传这一步的同学,应该是以前用过CKeditor的图片上传,那么为什么上次可以成功上传,这次就不行了呢.其实原因很简单,CKeditor的版本问题,旧版本和新版本的图片返回是不同的动西. 如果时间实在紧急,可以直接把新版本替换为原来的版本,有时间就可以研究下新版本的返回该怎么写. 另外感谢这位版主的提醒,放上链接: https://bl...
CKEDITOR.fileTools.fileLoader
网络记事本
05-25 1159
需求：将网络上的图片可以自动保存到本地服务器上，也得出的结论还是在服务端做操作比较好。除非自己将图片下载下来转成blob格式或者base64。 http://docs.ckeditor.com/#!/api/CKEDITOR.fileTools.fileLoader ckeditor提供的实例只支持Blob跟base64时才有用。 There are two possible ways
ckeditor+phpcms+粘贴word+富文本编辑器粘贴上传图片返回“不正确的服务器 ckeditor响应”的解决方案【原创】
jxyk2007的专栏
10-30 850
ckeditor+phpcms富文本编辑器粘贴上传图片返回“不正确的服务器 ckeditor响应” 报错[CKEDITOR] Error code: filetools-response-error. 本解决方法是： 粘贴上传图片 粘贴上传图片 粘贴上传图片 1.phpcmsv9 更新到ckeditor4.8方法：请自行根据方案升级. http://bbs.phpcms.cn/for...
CKEditor 图片和Flash上传配置教程
"CKEditor是一款流行的网页文本编辑器，允许用户在网页上进行富文本编辑。为了增强其功能，我们可以向CKEditor添加上传功能...在实际应用中，你可能还需要考虑安全问题，如防止文件注入攻击和确保上传的文件安全可控。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值