ckeditor4.x版,折叠工具栏时,编辑框高度不跟随变化,怎么处理?
先看两张图:
按理说,第二张图,编辑框应变大,点展开时,编辑框应该变小,但实际没变化,这不是我想要的,怎么弄呢?
测试环境是:chrome浏览器,我用的是最新4.3版,实际应该4.x版都有这个问题吧。
我点F12查看无素,发现,控制编辑框高框的是:
<div id="cke_88_contents" class="cke_contents cke_reset" role="presentation" style="height: 222px;">
<span id="cke_162" class="cke_voice_label">按 ALT+0 获得帮助</span>
<iframe src="" frameborder="0" class="cke_wysiwyg_frame cke_reset" style="width: 100%; height: 100%;" title="所见即所得编辑器, textareafield-1156-inputEl" aria-describedby="cke_162" tabindex="0" allowtransparency="true"></iframe>
</div>
<body>
<div class = "aa" role = "aa">1</div>
<div class = "aaa" role = "aaa">2</div>
<div class = "aaaa" role = "abc">3</div>
<div class = "aa" role = "abc">4</div>
<div class = "aaa" role = "bbb">5</div>
<div class = "aaaa" role = "cba">6</div>
</body>
<script>
function get(ele,className,role){
var allEle = document.getElementsByTagName(ele),
eleClass = "",
eleRole = "",
reg = null;
for(var i=0,len = allEle.length;i<len;i++){
eleClass = allEle[i].className;
eleRole = allEle[i].getAttribute("role");
reg = new RegExp("(^\s*
[解决办法]
\s+)"+className+"($\s*
[解决办法]
\s+)")
if(reg.test(eleClass) && eleRole == role){
return allEle[i];
}
}
return null;
}
console.log(get("div","aaa","bbb").innerHTML);
var str1 = "cke_88_contents";
var str2 = "cke_388_contents";
var str3 = "cke_1288_contents";
reg = /^cke\_[\d]+\_contents$/;
console.log(reg.test(str1));
console.log(reg.test(str2));
console.log(reg.test(str3));
function get(ele){
var allEle = document.getElementsByTagName(ele),
reg = /^cke\_[\d]+\_contents$/;
for(var i=0,len = allEle.length;i<len;i++){
eleId = allEle[i].id;
if(reg.test(eleId)){
return allEle[i];
}
}
return null;
}
function get(ele){
var allEle = document.getElementsByTagName(ele),
reg = /^cke\_[\d]+\_contents$/;
for(var i=0,len = allEle.length;i<len;i++){
eleId = allEle[i].id;
if(reg.test(eleId)){
return allEle[i];
}
}
return null;
}
function changeHeight(value){
var ele = get("div");
if(ele!==null){
ele.style.height = value+"px";
}
}