kindeditor预览窗口如何全屏显示

  如何修改kindeditor预览窗口全屏实现,kindeditor的预览窗口不是全屏的,如果要改为全屏预览,可以修改kindeditor\plugins\preview\preview.js文件如下即可实现全屏预览(注意修改窗口大小是不会自适应的,只是点击预览按钮时当前窗口大小)。

kindeditor修改预览窗口全屏显示

/*******************************************************************************
* KindEditor - WYSIWYG HTML Editor for Internet
* Copyright (C) 2006-2011 kindsoft.net
*
* @author Roddy <luolonghao@gmail.com>
* @site http://www.kindsoft.net/
* @licence http://www.kindsoft.net/license.php
*******************************************************************************/
KindEditor.plugin('preview', function(K) {
	var self = this, name = 'preview', undefined;
	self.clickToolbar(name, function() {
		var lang = self.lang(name + '.'),
			html = '<div style="padding:10px 20px;">' +
				'<iframe class="ke-textarea" frameborder="0" style="width:100%;height:100%;"></iframe>' +
				'</div>',
			dialog = self.createDialog({
				name : name,
				width: '100%',/////
				title : self.lang(name),
				body : html
			}),
			iframe = K('iframe', dialog.div),
			doc = K.iframeDoc(iframe);
		doc.open();
		doc.write(self.fullHtml());
		doc.close();
		K(doc.body).css('background-color', '#FFF');
		iframe[0].contentWindow.focus();
////////////////////
		var viewHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);//可见高度
		dialog.div[0].style.cssText = 'top:0; height:100%; z-index: 99999999; width: 100%; overflow: hidden; position: fixed;left:0'
		iframe[0].style.height = viewHeight - dialog.bodyDiv.prev().height() - dialog.bodyDiv.next().height()-20 + 'px';
		
        
	});
});

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:kindeditor预览窗口如何全屏显示

评论(0)Web开发网
阅读(639)喜欢(0)JavaScript/Ajax开发技巧