我用的是最新版本KindEditor 4.1.7
说说两个小功能,上传图片和上传文件
1.上传图片的时候我们通常不用网络图片,这时候我们可以去掉它,在初始化的时候加上这句:
allowImageRemote : false,
查看KindEditor源码,kindeditor-4.1.7/plugins/image/image.js
KindEditor.plugin('image', function(K) { var self = this, name = 'image', allowImageUpload = K.undef(self.allowImageUpload, true), allowImageRemote = K.undef(self.allowImageRemote, true), formatUploadUrl = K.undef(self.formatUploadUrl, true), allowFileManager = K.undef(self.allowFileManager, false), uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php'), imageTabIndex = K.undef(self.imageTabIndex, 0), imgPath = self.pluginsPath + 'image/images/', extraParams = K.undef(self.extraFileUploadParams, {}), filePostName = K.undef(self.filePostName, 'imgFile'), fillDescAfterUploadImage = K.undef(self.fillDescAfterUploadImage, false), lang = self.lang(name + '.');
这是初始化的时候的一些开关
2.上传文件成功后如果不添加文件说明,它就会默认你给文件的路径作为说明,这一点很不爽,我们可以把原文件名称作为文件说明,修改如下:
查看KindEditor源码,kindeditor-4.1.7/plugins/insertfile/insertfile.js,找到下面这句代码
if (allowFileUpload) { var uploadbutton = K.uploadbutton({ button : K('.ke-upload-button', div)[0], fieldName : filePostName, url : K.addParam(uploadJson, 'dir=file'), extraParams : extraParams, afterUpload : function(data) { dialog.hideLoading(); if (data.error === 0) { var url = data.url; if (formatUploadUrl) { url = K.formatUrl(url, 'absolute'); } urlBox.val(url);
在后面添加K('[name="title"]', div).val(data.tips); 就是对文件说明进行赋值
注:tips是json返回的文件名称。(本人用的是play框架,欢迎指教!)
转载请注明出处:http://maccter.iteye.com/admin/blogs/1915586
相关推荐
在"kindeditor4.x for asp.net完整配置"这个资源中,包含的是KindEditor的最新4.x版本,针对ASP.NET进行了优化和配置,确保开发者能够快速地在.NET环境中集成并使用。此版本可能包含了以下关键组件和特性: 1. **主...
KindEditor4.x 官方帮助文档.官方最新的web编辑器. 官方没有下载的帮助文档。只有在线浏览的。本人下载出来做成了chm格式的。给大家下载。方便查阅!!!!!!
随后,将4.x版本的`kindeditor.js`以及语言包`zh_CN.js`添加至项目中。这是必要的,因为新版本可能包含更新的语言配置和功能增强。在HTML文件中,正确的引用方式如下: ```html <script charset="utf-8" src="/ke4/...
kindeditor 4.x JSP Eclipse 项目 上传FLASH与图片 本项目是eclipse 3.4 java 1.6.31 Tomcat6.0.35 能通过linux测试。 这个是dome版本,仅供学习,请勿用在商业用途。 并通过测试。 如果有问题,请E-mail到 ...
例如,使用`KindEditor.create('#nr');`可以绑定到页面上ID为nr的textarea元素。HTML部分的实现如下: ```html ;height:280px;visibility:visible"> ``` 3. 配置编辑器参数 KindEditor提供了丰富的配置项,这些配置...
KDE是Linux上最好的桌面环境,KindEditor 3.x的工具栏图标来自KDE4。 2. CHEditor http://www.chcode.com/ CHEditor是一款韩国人开发的收费编辑器,KindEditor 2.x参考了CHEditor的UI和部分代码。 3. TinyMCE ...
KindEditor 4_x Documentation
<script charset="utf-8" src="/editor/kindeditor.js"> KE.show({ id: 'your_editor_id', // 可在此处设置更多编辑器属性 }); ``` #### 四、编辑器属性详解 编辑器提供了丰富的自定义属性,可根据需求调整...
为了满足全球用户的使用需求,KindEditor支持多种语言,包括中文、英文、韩文等。这使得它能够应用于国际化的网站项目中,提供本地化的用户体验。 6. **安全特性**: 为了防止XSS攻击,KindEditor内置了安全过滤...
在这个例子中,`KindEditor.ready` 是启动编辑器的函数,`K.create` 初始化了一个编辑器实例,配置了编辑器的宽度、高度、样式文件、上传及文件管理路径等参数。 总的来说,KindEditor 4.1.11 是一个强大且灵活的富...
- **js**:存放核心的JavaScript文件,如`kindeditor.js`,以及各种插件的脚本。 - **plugins**:包含各种预设插件,如图片管理、代码编辑等。 - **themes**:编辑器的主题样式文件夹,用户可以根据需要选择或...
3. 在 JavaScript 中,使用 KindEditor.ready 函数来实例化编辑器,並将其绑定到文本域上。 4. 最后,可以使用 KindEditor 提供的各种方法和事件来实现编辑器的功能,如上传图片、保存内容等。 KindEditor 的插件 ...
这个名为"kindeditor.js.zip"的压缩包文件包含了该编辑器的核心组件和相关资源,主要用于实现网页中的文本编辑功能。 富文本编辑器是网页应用中不可或缺的一部分,它允许用户在网页上进行文字编辑、格式调整、图片...
在"感谢您的下载.png"文件可能是编辑器使用教程或截图,帮助用户更好地理解和使用KindEditor。而"kindeditor"目录可能包含了编辑器的源代码、样式文件、JavaScript库以及相关的配置文件。通过解压并研究这些文件,...
在描述中提到,该示例使用了KindEditor 4.X版本和ExtJS 3.1版本。KindEditor 4.X改进了性能和用户体验,增加了更多的插件支持,而ExtJS 3.1是一个较老但稳定的版本,广泛应用于许多项目中。 标签"Extjs kindedit...
例如,可以使用`KindEditor.create()`方法创建编辑器实例,`editor.insertHtml()`方法插入HTML内容,`editor.sync()`方法同步编辑器内容到表单字段,以及`editor.uploadImage()`方法处理图片上传。同时,了解如何...
以下是对KindEditor4x及其特点、使用方法的详细解释: 1. **富文本编辑功能**: KindEditor4x提供了多种文本编辑功能,包括字体样式调整(如字号、颜色、加粗、斜体等)、段落格式(如对齐方式、缩进、列表等)、...
在网页中引入`kindeditor.js`并初始化编辑器实例,你就可以在网页上添加一个功能完备的编辑器了。例如,在HTML中添加一个`<textarea>`元素,并通过JavaScript代码创建KindEditor实例: ```html ...
7. 修改了目录名为kindeditor时getScriptPath取路径不正确的问题。 8. 修改了增加缩进和减少缩进两个图标的提示文本。 9. 修改了IE下没有指定DOCTYPE时显示有问题。 10. 代码统一用4个空格缩进。 11. 增加了几个demo...
1. `kindeditor.js`:主程序文件,包含了编辑器的核心功能。 2. `plugins/`:插件目录,包含各种预置的插件,如图片上传、视频插入等。 3. `themes/`:主题目录,提供了多种界面风格供选择。 4. `lang/`:语言包目录...