kindeditor富文本框,上传文件后,显示文件名称

kindeditor作为一个应用广泛富文本框,我们经常会利用到它,然而在使用的过程中,发现有的地方使用起来很不方便,例如本文要说的,用户上传文件之后,默认只有文件URL,没有文件说明,如图:

      

点击确定之后,内容中显示的只是一串很长的地址,这并不是我们想要的。

      

更多的时候,我们只是希望它这里能默认显示文件名称,只有在文件说明里,填写了文件名称,在内容里面才会以名称的形式呈现。这个时候,我们就要给它做个小手术,来完善它,下面贴出代码:

1、修改asp.net/upload_json.ashx文件,大概95行,往Hashtable里添加文件名称:

Hashtable hash = new Hashtable();
hash["error"] = 0;
hash["url"] = fileUrl;
hash["fileName"] = fileName;//添加文件名称
context.Response.AddHeader("Content-Type", "text/html; charset=UTF-8");
context.Response.Write(JsonMapper.ToJson(hash));

2、修改plugins/insertfile/insertfile.js,取得fileName值,并赋给“文件说明”文本框:

至此,大功告成。共勉!

PS:我用的kindeditor-4.1.10的版本,后续版本也许没有这个问题。

有更简单的方法,欢迎大家指出,谢谢。

时间: 2024-10-02 17:25:13

kindeditor富文本框,上传文件后,显示文件名称的相关文章

KindEditor富文本框编辑器上传图片功能实现,基于java项目

1. HTML标签与jquery代码 <textarea id="editor_id" style="width: 200px; height: 200px;"></textarea> <script type="text/javascript" src="../js/jquery.min.js"></script> <script type="text/java

Juploader 1.0 谷歌(chrome)浏览器中成功上传文件后返回信息异常

在项目中使用了Juploader 1.0无刷新上传文件的js组件,在IE8以上没有问题,代码如下: function InitialUploadDirectly(OnUploadFunc, buttonID, allowedExts) { $.jUploader({ button: buttonID, // 这里设置按钮id eventType: 1, //触发类型 addeventbutton: buttonID, // 要绑定事件的元素的id filenamed: buttonID + 'd

解决ASIHTTP setFile上传文件后中文乱码问题

这问题困扰我好长时间,不上传文件就不是乱码,传文件就乱码,并且Android好使;最后联合中间件后台/Android客户端/IOS客户端,共同上传比较,最后在后台捕捉时发现,Android的提交输出格式为: --PfyXAYcEcmd3GqueWEk6hXUWXfm-KrG4XNEQContent-Disposition: form-data; name="companyName"Content-Type: text/plain; charset=UTF-8Content-Transf

ajaxFileUpload上传文件后提示下载的问题

在某些版本浏览器下ajaxFileUpload上传文件会提示下载, 1:为什么? 可以观察到,即便返回 JsonResult 在返回的头中也没有任何消息体,直接理解为文本了. 2:解决方案 前端: function uploadImg(fimgi) {    if ($("#fimg" + fimgi).val().length > 0) {        //alert($("#fimg" + fimgi).val().length); }    else

上传文件后获得文件属性

上传文件代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equi

如何解决IIS7上传文件大小限制,.NET 上传文件后 找不到目录解决

IIS7 默认文件上传大小是30M,那么超过30M的文件就无法上传了,那么就需要对IIS的配置文件进行修改. 在实际应用中往往会出现上传文件太大,无法上传的情况,那是因为IIS对上传文件大小有限制,IIS7 默认文件上传大小是30M,要突破这个限制需要做一下修改: 1.打开 %windir%\system32\inetsrv\config\applicationhost.config 找到: <requestFiltering>节点 这个节点默认没有 <requestLimits max

SpringMVC上传文件后返回文件服务器地址路径

先写一个表单: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

vue+element ui +vue-quill-editor 富文本图片上传到骑牛云

vue-quill-editor上传图片会转换成base64格式,但是这不是我们想要的,之后翻了很多文章才找到想要的,下面直接上代码 <style lang="sass">.quill-editor min-height: 500px background:#fff .ql-container min-height: 500px .ql-snow .ql-editor img max-width: 480px .ql-editor .ql-video max-width:

kindeditor富文本框使用方法

这周我一共使用了两个文本框编辑器!我的上一篇文档讲的是wangeditor这个编辑器,现在就来讲讲kindeditor这个编辑器! 首先还是去它的官网去下载脚本! http://kindeditor.net/demo.php 所做的操作和那个wangeditor编辑器差不多都是需要在你的HTML的<body>里面加上下面这段标签: 1 <textarea style="width: 98%;" rows="15" name="Conten