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