kindeditor dialog原码修改

最新推荐文章于 2021-08-04 08:06:54 发布

原创最新推荐文章于 2021-08-04 08:06:54 发布 · 107 阅读

CC 4.0 BY-SA版权

本文详细介绍了如何在KindEditor中创建自定义对话框，并展示了如何使用对话框进行内容编辑，包括关闭、确定和取消操作。重点讨论了如何在对话框中实现文本编辑，并解释了body元素和contentEditable属性的作用。

  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",这样就可以编辑了啊