easyui1.3 的tabs中放kindeditor 点击"全屏"整个屏幕都是白屏

anx 发布于 2012/08/20 17:18
阅读 2K+
收藏 1

index.html页面代码:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>GUAGUA-MINICMS</title>

<link rel="stylesheet" type="text/css" href="./js/easyui1.3/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="./js/easyui1.3/themes/icon.css">

<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="./js/easyui1.3/jquery.easyui.min.js"></script>

    <script type="text/javascript" src="./editor/kindeditor.js"></script>

<script type="text/javascript" src="./editor/lang/zh_CN.js"></script>

</head>

<body class="easyui-layout" id="global-layout">

<div data-options="region:'north'" style="height:100px;padding:10px;" id="layout-north">

<p><h2>GUAGUA MINI-CMS</h2></p>

</div>

<div data-options="region:'south'" style="height:80px;padding:10px;" id="layout-south">

<p><h2>GUAGUA FOOTER</h2></p>

</div>

<div data-options="region:'west',split:true" title="导航栏" style="width:200px;padding:1px;overflow:hidden;" id="layout-west">

<div class="easyui-accordion" data-options="fit:true,border:false">

<div title="用户管理" data-options="selected:true" style="padding:10px;overflow:auto;">content2</div>

<div title="网站管理"  style="padding:10px;">content2</div>

<div title="模型管理" style="padding:10px;">content3</div>

<div title="栏目管理" style="padding:10px;">

            <p><a href="" id="minicms-column-article">文章管理</a></p>

            </div>

<div title="静态化管理" style="padding:10px;">Title5</div>

<div title="样式管理" style="padding:10px;">Title6</div>

</div>

</div>

<div data-options="region:'center'" style="overflow:hidden;">

<div id="easyui-tabs-div" class="easyui-tabs" data-options="fit:true,border:false">

<div title="欢迎来到MINI-CMS" style="padding:20px;overflow:hidden;width:100%;height:100%;"> 

                 <p><h1>请操作相关菜单栏</h1></p>

                 <p><h2>观看使用说明,请<a id="ajaxtest" href="#">点击</a></h2></p>   

</div>

</div>

</div>    

    <table id="test"></table>

</body>

<script>

$(function(){

$("a[id^='minicms-']").bind('click',function(event){

event.stopPropagation();

event.preventDefault();

var href = "",id = $(this).attr("id");

 if(id=='minicms-column-article'){

href="./column/article.html";

}

if(!$('#'+id+'-tabs').attr("id")){

$('#easyui-tabs-div').tabs('add',{ 

id:$(this).attr("id")+'-tabs', 

title:$(this).text(),  

href:href,

closable:true,  

tools:[{  

iconCls:'icon-mini-refresh',  

handler:function(){  

alert('refresh');  

}  

}]  

}); 

}else{

$('#easyui-tabs-div').tabs('select',$(this).text());

}

});

});

</script>

</html>

 

article.html(里面包含kindeditor)

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

 

</head>

<body>

<form>

    <textarea name="content" style="width:99%;height:400px;"></textarea>

</form>        

<script>

    var editor = KindEditor.create('textarea[name="content"]');

</script>

</body>

</html>


加载中
0
anx
anx
发现kindeditor把body的height动态设置为1了
0
anx
anx
问题解决了。修改kindeditor.js 4862行,把'height' : '1px', 给注释掉! 但是不知道为什么作者这里为什么要把body的height设置为1.  求解......
0
J
Json呆

引用来自“bysag888”的评论

问题解决了。修改kindeditor.js 4862行,把'height' : '1px', 给注释掉! 但是不知道为什么作者这里为什么要把body的height设置为1.  求解......
问题解决了,非常好
返回顶部
顶部