某种情况下resizeType=2失效，无法拖动

主题: 某种情况下resizeType=2失效，无法拖动

作者: lusi, 发布日期: 2011-09-27 09:26:44, 浏览数: 4057

操作系统: Windows XP

浏览器: IE8，Opera10，Firefox3

KindEditor版本: 4.0 beta

BUG再现步骤:

1.thml:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link rel="stylesheet" href="MyKindeditor40/themes/default/default.css" />
<script charset="utf-8" src="MyKindeditor40/kindeditor-min.js"></script>
<script charset="utf-8" src="MyKindeditor40/lang/zh_CN.js"></script>
<script>
var kIni = {width : '520px',
resizeType : 2,
allowImageUpload : true,
urlType : 'relative',
cssPath : 'MyKindeditor40/plugins/code/prettify.css',
uploadJson : 'MyKindeditor40/upload_json.php',
fileManagerJson : 'MyKindeditor40/file_manager_json.php',
allowFileManager : true,
items : [
'source', 'fontname', 'fontsize', '|','forecolor', 'lineheight', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'image', 'media', 'insertfile', 'link']
};
var editor = null;
</script>
<style>
.w960{width:960px; overflow:hidden; margin:0px auto; padding:0;}
.dleft{ width:680px; overflow:hidden; float:left; margin-top:20px; border:#e1e1e1 solid 1px;}
.dright{ width:260px; overflow:hidden; float:right; margin-top:20px;}
.comment-box{ padding:0 8px; margin-top:20px; margin-bottom:20px; width:650px;; overflow:hidden;}
.reviewbox{ display:block;margin:0 auto;margin-top:26px; margin-bottom:20px;padding:0 5px 20px; position:relative;}
.reviewbox h3{ font-size:16px; margin-bottom:18px;}
.subm {margin-top:-15px; position:relative;}
</style>
</head>

<body>
<div class="w960">
<div class="dleft">
sdfsadfasdfasdf<br/ >
sdfasdfasdfasdf<br/ >
<div class="comment-box">
回复：<br/ >
<div id="bomrevbox">
<div class="reviewbox">
<h3>发表评论：</h3>
<div id="rev-cha" style=" display:none"><a href="javascript:void(0)" onclick="cancReply();" title="点击取消回复">取消</a></div>
<textarea id="revie_cont" name="revie_cont" cols="70" rows="5" wrap="on" style=" text-align:left;"></textarea><br/>
<span><input type="button" value="高级模式" onclick="loadKE();" style="border:#999 solid 1px;background:#f5f5f5;color:#529214;font-weight:bold; cursor:pointer; padding:0;" />  <input type="button" value="简单模式" onclick="remvKE();" style="border:#999 solid 1px;background:#f5f5f5;color:#529214;font-weight:bold; cursor:pointer; padding:0;" /></span>
<button class="subm" onclick="subrev();">确定</button>
</div>
</div>

</div>
</div>

<div class="dright">
右侧
</div>

</div>
<script type="text/javascript">
function loadKE(){
KindEditor.loadScript('MyKindeditor40/kindeditor.js', function(){
editor = KindEditor.create('#revie_cont', kIni);
});
}

function remvKE(){
if(editor) {
editor.remove();
editor = null;
}
$("#revie_cont").css("display","");
}

function subrev(){
var cont = $("#revie_cont").attr("value");
var typ = $("#cmtyp").attr("value");
var whid = $("#whrid").attr("value");
if(typeof(editor)!='undefined'){
if(editor){
editor.sync();
cont = $('#revie_cont').val();
}
}
if(cont==''){
alert('请填写评论内容');
document.getElementById('revie_cont').focus();
return false;
}
}
</script>
</body>
</html>

此时，resizeType为2时，垂直拖动无碍，但横向拖动无效。

期望结果:

resizeType为2时，可以流畅拖动编辑器大小。

作者: Roddy, 发布日期: 2011-09-27 13:00:13

谢谢反馈，我记录一下这个问题。

作者: Roddy, 发布日期: 2011-09-27 22:42:09

编辑器外部的DIV加overflow:hidden后不能拖动的，请调整CSS样式。

作者: lusi, 发布日期: 2011-09-30 08:49:48

回复Roddy：

经调整，还是不行。3.5的则没问题。

论坛 Forum