一.下载 http://kindeditor.net/down.php 删除asp.asp.net.php.jsp.examples文件夹 拷贝到static目录下 二.配置 kindeditor目录下新建conifg.js KindEditor.ready(function(K) { K.create('#id_content', { width: '800px', height: '500px', uploadJson:'/upload_image', }); //http://kinded…
今天上午在DWZ框架中整合kindeditor复文本框控件,发现上传图片是老是提示 “上传中,请稍候...”,上网查看别人说可能是文件路径问题,在想以前在其他项目中用这个控件一直没问题,到这里怎么会出现这个错误呢? 于是从源头一路查找过去, 找到上传配置 uploadJson: '/Scripts/kindeditor-4.1.4/asp.net/upload_json.ashx',于是打开上传文件的upload_json.ashx文件,发现context.Response.Write(Json…
http://blog.csdn.net/yerenyuan_pku/article/details/72808229 上文我们已实现了图片上传功能,但是有个问题,那就是对浏览器兼容性不够,因为Map类型的返回值在火狐浏览器无法识别,如下图所示. 注意:以上火狐浏览器中添加图片的按钮没出来,即说明火狐浏览器中还没安装Adobe Flash Player插件,如何安装请读者自行百度. 为了解决这个兼容性问题,我们需要修改下返回值类型,将Map类型变为String类型(也就是json串).我们至少可…
MVC 中使用uploadify上传图片遇到的蛋疼问题 初次使用uploadify上传图片,遇到了一些比较纠结的问题,在这里和大家分享下,有不对的地方还望大神多多指教,希望对刚接触的朋友有所帮助,文采不好还望见谅.新建项目,引用   uploadify脚本啥的就不说了,直接进入主题: 在Index页面放了一个上传图片的按键和脚本代码如下: @{ ViewBag.Title = "Index"; } <br /><br /><br /> <inp…
kindeditor在之前已经用过,现在在springboot项目中使用.并且也在里面使用了图片上传以及回显等功能. 其实主要的功能是图片的处理:kindeditor对输入的内容会作为html标签处理,对于image的做法是先将图片传到后台服务器,然后上传成功之后回传图片的URL,之后内容中增加<img src='url'>进行回显,当然保存到数据库也是img标签进行保存的. 下面的代码涉及到了:Restful风格的请求.SpringMVC文件的上传.不配置虚拟路径的前提下请求图片资源.kin…
描述 :kindeditor4.1.10版本是当前最新的版本,在浏览器兼容性和功能方面都是值得一赞的,在开发中能方便快捷的满足一些开发需求. 问题 :  问题总是有的.  在使用过程中,遇到EasyUI的window窗口中使用kindeditor编辑框,点击打开之后,在IE9中不能回显(修改功能).获得焦点编辑. 其他IE版本.火狐.chrome等常用浏览器都没问题. 问题原因 : 经过跟踪调试测试,初步了解问题原因在于,页面EasyUI和kindeditor样式加载顺序不一致,对应的ID选择器…
1.近段时间一直在处理kindeditor上传图片失败的问题,前期一直以为是前端的问题,利用谷歌控制台,打断点,修改方法,一直都找不到解决方案,直到查看服务器配置,才发现: WEB 1号服务器 /data/app/tomcat/work/xxx/xxx/xxx目录不存在,而且/data/app/tomcat/work目录属主为root(可能tomcat之前用root用户重启过),且只有属主可写,从而造成图片临时文件无法写入导致图片上传失败. 解决方案:修改/data/app/tomcat/wor…
KindEditor编辑器默认上传的图片文件夹,是根据系统时间自动生成的,图片是自动上传到这些文件夹里面,无法选择.如果要上传图片到指定文件夹,像相册一样管理图片,则需要扩展KindEditor编辑器. 一个相册实际上对应的就是一个文件夹,我们可以做一个表格来存放.本例为了简单,就不涉及到数据库了. 一.在控制器(defaultController)里编写action,获取文件夹列表,并序列化为JSON对象. public ActionResult album() { if (Request.I…
主要修改两个文件:image.js和upload_json.ashx文件. 一.修改image.js文件 打开kindeditor/plugins/image目录下的image.js文件,找到 '<input type="button" class="ke-upload-button" value="' + lang.upload + '" />', 在这行代码下面添加 '<label style="width:60p…
编辑器KindEditor可以上传图片,但却不能删除图片,因此我们通过修改一些文件,对KindEditor进行扩展,使得KindEditor能删除服务器上的图片. 主要方法就是:在图片空间中浏览图片,当鼠标滑动到图片上时,在图片下面添加一个删除按钮,当点击删除按钮时,通过ajax调用action进行删除. 一.修改zh_CN.js文件. 打开lang文件夹下的zh_CN.js文件,找到 'filemanager.fileType' : '类型', 这个地方,在下面添加几行代码,变成如下: 'fi…