easyui1.3 的tabs中放kindeditor 点击"全屏"整个屏幕都是白屏
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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
引用来自“bysag888”的评论
问题解决了。修改kindeditor.js 4862行，把'height' : '1px', 给注释掉！ 但是不知道为什么作者这里为什么要把body的height设置为1. 求解......
不错
问题解决了。修改kindeditor.js 4862行，把'height' : '1px', 给注释掉！ 但是不知道为什么作者这里为什么要把body的height设置为1. 求解......
发现kindeditor把body的height动态设置为1了