var dialog = K.dialog({
width : 500,
title : '测试窗口',
showMask:true, //是否显示模式对话框
body : '<div style="margin:10px;width:498;height:500px;border:1px solid #ff0000"><strong>内容</strong></div>',
closeBtn : {
name : '关闭',
click : function(e) {
dialog.remove();
}
},
yesBtn : {
name : '确定',
click : function(e) {
alert(this.value);
}
},
noBtn : {
name : '取消',
click : function(e) {
dialog.remove();
}
}/*,
//copyBtn:{
name:"自定义复制按钮",
click:function(){
alert();
}
}*/
});
上面的例子,前提是要在原码里面增加才有用,在kindeditor.js这中找到这段话的位置_extend(KDialog, KWidget, {
然后根据图片增加就可以用了
$(window.frames["kingIFrame"].document).find("body") //取得iframe中的对象,但是iframe中的id要和name一样,因为firefox是在获取iframe对象时,是以name属性获取的。
通过查看源码我终于知道为什么body和div是可以编辑的呢,原来它们还有一个属性就是contentEditable="true",这样就可以编辑了啊
- 大小: 169.6 KB
分享到:
相关推荐
为了实现上述需求,我们需要对kindEditor4.1的源代码进行一定的修改。下面将详细解析关键代码段并提供具体的修改方案。 #### 三、关键代码段解析 在kindEditor中,处理图片上传及显示的核心逻辑主要集中在`plugins...
这可以通过修改编辑器的CSS样式实现,设置宽度为百分比值,并确保容器能够自适应调整。 总的来说,这个优化项目涵盖了HTML5上传技术、富文本编辑器扩展、响应式设计等多个方面,旨在提升KindEditor的用户体验和功能...
【标题】"kindeditor多图上传H5版" 涉及的知识点: 1. **KindEditor**:KindEditor是一款开源的JavaScript富文本编辑器,它提供了丰富的API和可定制的功能,广泛应用于网页内容编辑。在传统的KindEditor中,图片...
Kindeditor是一款功能强大的HTML在线编辑器,其3.21 ASP修改版专为ASP环境设计,使得在ASP平台上构建富文本输入功能变得简单易行。这个编辑器以其轻量级和高度可定制性著称,适合各种类型的网站和应用程序使用。 在...
KindEditor 是一款功能丰富的网页富文本编辑器,广泛应用于网站内容编辑系统中,提供用户友好的界面来编辑和格式化文本。本指南将详细介绍如何有效使用 KindEditor 进行排版,确保内容在不同设备和浏览器上的显示...
KindEditor是一款广泛应用于Web开发中的开源富文本编辑器,它提供了丰富的编辑功能,使得用户可以在网页上方便地创建和编辑内容。在这个优化过程中,我们主要关注了以下几个方面: 1. **Flash批量上传图片向H5上传...
其次,修改批量图片上传方式从Flash转为H5。由于Flash技术逐渐被淘汰,HTML5提供了更好的跨平台支持,尤其是移动设备。在KindEditor中,可以使用HTML5的File API来实现图片的拖放和选择上传。你需要做以下工作: 1....
如果你想更改编辑器的视觉风格,可以通过修改这些CSS文件或者创建新的主题来实现。 7. **许可证信息**: `license.txt`文件包含了KindEditor的许可证信息,使用该软件时应遵守其中的规定,尊重开源软件的版权。 总...
总的来说,修改KindEditor编辑器的表情图片涉及到对编辑器配置的理解和代码的调整,这对于熟悉JavaScript和前端开发的人员来说并不困难。通过这个过程,我们可以使编辑器更好地适应我们的网站风格,提升用户体验。
在这个"kindeditor.zip"压缩包中,我们可以看到作者针对KindEditor进行了特定的定制,主要涉及两个方面:网络视频插件的添加以及批量图片上传方式的修改。 首先,让我们来探讨网络视频插件的添加。在网页编辑器中,...
一怒之下,我自己进行了修改和配置,搞成了一个网站示例.下载解压后,可以直接运行!!完全无问题.! Kindeditor版本好像官方2012年之后就不更新了,官方最新的为 KindEditor 4.1.1 (2012-06-10), ,我这个网站里的是从qq群...
1. **KindEditor 结构**:KindEditor 主要由若干个核心 JavaScript 文件组成,如 `kindeditor-all.js`、`kindeditor-min.js`、`kindeditor-all-min.js` 和 `kindeditor.js`。这些文件包含了编辑器的主要功能代码,...
KindEditor是一款功能强大的开源富文本编辑器,专为网页设计者和开发者打造,提供了一种简单易用的方式来处理用户在网页上的文字输入。这个编辑器以其丰富的特性、自定义选项和跨浏览器兼容性赢得了广大用户的青睐。...
这可以通过CSS实现,或者在KindEditor的`plugins/image/image.js`等插件文件中修改相关代码。 6. **测试和调试**:最后,确保在现代浏览器中测试上传功能,确认按钮能正常显示并触发文件选择对话框,文件能够成功...
新增: 编辑器对象增加isDirty方法,判断编辑器内容是否有修改。 改善: 粘贴MS Word时自动清理Word专用格式代码,生成干净的HTML代码。 改善: 弹出框(dialog)里的输入框添加了基本验证。 改善: 超级链接不允许包含...
KindEditor是一款开源的JavaScript在线富文本编辑器,它以其强大的功能和良好的兼容性深受开发者喜爱。这款编辑器能够轻松地嵌入到各种Web应用程序中,包括JSP平台,为用户提供了一个类似于桌面应用的文字编辑环境,...
在探讨如何利用KindEditor在粘贴Word文档内容时去除原有格式这一问题之前,我们首先需要了解KindEditor的基本概念以及其在网页编辑中的作用。KindEditor是一款开源、跨浏览器的富文本编辑器,它提供了丰富的编辑功能...
2. **配置KindEditor**:将下载的KindEditor文件夹上传到你的Web应用的静态资源目录下,例如`/WEB-INF/resources/js/kindeditor`。配置编辑器的初始化参数,包括路径设置、语言选择、工具栏定制等。在HTML页面中,...
在IT行业中,编辑器是网页开发中不可或缺的一部分,KindEditor是一款功能强大且易于使用的开源JavaScript富文本编辑器。本文将详细讲解如何在KindEditor中实现图片上传时携带token字段,以确保数据的安全性和完整性...
- `plugins/image/`:图片相关的插件目录,可能有新的或修改过的插件文件用于处理图片压缩。 - `skins/`:编辑器皮肤样式文件,可能用于展示压缩图片的样式。 - `upload.php`/`upload.html`:上传脚本,处理图片上传...