`
maccter
  • 浏览: 64311 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

KindEditor 4.x使用小心得

阅读更多

我用的是最新版本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完整配置

    在"kindeditor4.x for asp.net完整配置"这个资源中,包含的是KindEditor的最新4.x版本,针对ASP.NET进行了优化和配置,确保开发者能够快速地在.NET环境中集成并使用。此版本可能包含了以下关键组件和特性: 1. **主...

    KindEditor4.x 官方帮助文档

    KindEditor4.x 官方帮助文档.官方最新的web编辑器. 官方没有下载的帮助文档。只有在线浏览的。本人下载出来做成了chm格式的。给大家下载。方便查阅!!!!!!

    kindeditor从3.x升级到4.x版本

    随后,将4.x版本的`kindeditor.js`以及语言包`zh_CN.js`添加至项目中。这是必要的,因为新版本可能包含更新的语言配置和功能增强。在HTML文件中,正确的引用方式如下: ```html <script charset="utf-8" src="/ke4/...

    kindeditor 4.x JSP Eclipse 项目 上传FLASH与图片

    kindeditor 4.x JSP Eclipse 项目 上传FLASH与图片 本项目是eclipse 3.4 java 1.6.31 Tomcat6.0.35 能通过linux测试。 这个是dome版本,仅供学习,请勿用在商业用途。 并通过测试。 如果有问题,请E-mail到 ...

    KindEditor 4.x 在线编辑器常用方法小结

    例如,使用`KindEditor.create('#nr');`可以绑定到页面上ID为nr的textarea元素。HTML部分的实现如下: ```html ;height:280px;visibility:visible"> ``` 3. 配置编辑器参数 KindEditor提供了丰富的配置项,这些配置...

    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

    KindEditor 4_x Documentation

    Kindeditor使用.pdf

    <script charset="utf-8" src="/editor/kindeditor.js"> KE.show({ id: 'your_editor_id', // 可在此处设置更多编辑器属性 }); ``` #### 四、编辑器属性详解 编辑器提供了丰富的自定义属性,可根据需求调整...

    kindeditor4.1.11.zip

    为了满足全球用户的使用需求,KindEditor支持多种语言,包括中文、英文、韩文等。这使得它能够应用于国际化的网站项目中,提供本地化的用户体验。 6. **安全特性**: 为了防止XSS攻击,KindEditor内置了安全过滤...

    2021.8.22 GitHub 上的 kindeditor 4.1.11.rar

    在这个例子中,`KindEditor.ready` 是启动编辑器的函数,`K.create` 初始化了一个编辑器实例,配置了编辑器的宽度、高度、样式文件、上传及文件管理路径等参数。 总的来说,KindEditor 4.1.11 是一个强大且灵活的富...

    kindeditor-4.1.10.rar

    - **js**:存放核心的JavaScript文件,如`kindeditor.js`,以及各种插件的脚本。 - **plugins**:包含各种预设插件,如图片管理、代码编辑等。 - **themes**:编辑器的主题样式文件夹,用户可以根据需要选择或...

    Java web富文本编辑器(kindeditor).docx

    3. 在 JavaScript 中,使用 KindEditor.ready 函数来实例化编辑器,並将其绑定到文本域上。 4. 最后,可以使用 KindEditor 提供的各种方法和事件来实现编辑器的功能,如上传图片、保存内容等。 KindEditor 的插件 ...

    kindeditor.js.zip

    这个名为"kindeditor.js.zip"的压缩包文件包含了该编辑器的核心组件和相关资源,主要用于实现网页中的文本编辑功能。 富文本编辑器是网页应用中不可或缺的一部分,它允许用户在网页上进行文字编辑、格式调整、图片...

    kindeditor4.1.11.rar

    在"感谢您的下载.png"文件可能是编辑器使用教程或截图,帮助用户更好地理解和使用KindEditor。而"kindeditor"目录可能包含了编辑器的源代码、样式文件、JavaScript库以及相关的配置文件。通过解压并研究这些文件,...

    Kindeditor-3.5-project java

    例如,可以使用`KindEditor.create()`方法创建编辑器实例,`editor.insertHtml()`方法插入HTML内容,`editor.sync()`方法同步编辑器内容到表单字段,以及`editor.uploadImage()`方法处理图片上传。同时,了解如何...

    KindEditor4x.rar

    以下是对KindEditor4x及其特点、使用方法的详细解释: 1. **富文本编辑功能**: KindEditor4x提供了多种文本编辑功能,包括字体样式调整(如字号、颜色、加粗、斜体等)、段落格式(如对齐方式、缩进、列表等)、...

    kindeditor.rar

    在网页中引入`kindeditor.js`并初始化编辑器实例,你就可以在网页上添加一个功能完备的编辑器了。例如,在HTML中添加一个`<textarea>`元素,并通过JavaScript代码创建KindEditor实例: ```html ...

    kindeditor-3.1.2.zip

    7. 修改了目录名为kindeditor时getScriptPath取路径不正确的问题。 8. 修改了增加缩进和减少缩进两个图标的提示文本。 9. 修改了IE下没有指定DOCTYPE时显示有问题。 10. 代码统一用4个空格缩进。 11. 增加了几个demo...

    兼容性好的富文本编辑器 kindeditor-master.zip

    1. `kindeditor.js`:主程序文件,包含了编辑器的核心功能。 2. `plugins/`:插件目录,包含各种预置的插件,如图片上传、视频插入等。 3. `themes/`:主题目录,提供了多种界面风格供选择。 4. `lang/`:语言包目录...

    kindeditor-3.4.2.zip

    - `kindeditor.js`:主程序文件,包含了编辑器的核心功能。 - `lang/`:存放各种语言的配置文件,例如中文语言包`zh_CN.js`。 - `plugins/`:包含各种插件,如图片上传、链接管理等。 - `themes/`:编辑器的主题样式...

Global site tag (gtag.js) - Google Analytics