163编辑器 自适应宽度 +更改高度

1. 自适应宽度

<script type="text/javascript" > window.onload = function() { document.getElementById("iframe111").width = document.body.scrollWidth-20; }</script>

document.body.scrollWidth-20;

此处的 20  ：

当id 为 iframe111 的 iframe在页面的布局中，如果它的左边有HTML对象时（例：图片 或文字，或TD,DIV）
的话，那么 iframe 的宽度 应该是 document.body.scrollWidth －它左边对象所占的宽度，效果呢，自己可以偿试着修改

<input type="text" runat="server" style='display:none ;' name="content" id="content" value=""/>

<iframe src="editor/editor.html?id=content"id="iframe111" frameborder="0" scrolling="no" height="450"></iframe>

2.更改高度

<iframe src="editor/editor.html?id=content"id="iframe111" frameborder="0" scrolling="no"height="450"></iframe>

红色部分 HTML代码 高度 除此之外，

还应该更改 脚本文件 script/editfunc.js 和editor.html 中对应的 代码

 

 1> 更改editor.html

/*if(document.all){
 document.write('<table width="100%" height:287px border="0" cellspacing="0" cellpadding="0" ><tr><td style="border:1px solid #C5C5C5; border-top:0;"><IFRAME class="HtmlEditor" ID="HtmlEditor" name="HtmlEditor" style=" height:286px;width:100%" frameBorder="0" marginHeight=0 marginWidth=0 src="blankpage.htm"></IFRAME></td></tr></table>');
}else{
 document.write('<table width="100%" height:288px border="0" cellspacing="0" cellpadding="0" ><tr><td style="border:1px solid #C5C5C5; border-top:0;background-color:#ffffff"><IFRAME class="HtmlEditor" ID="HtmlEditor" name="HtmlEditor" style="height:283px;width:100%;margin-left:1px;margin-bottom:1px;" frameBorder="0" marginHeight=0 marginWidth=0 src="blankpage.htm"></IFRAME></td></tr></table>');
}
*/

 //注意红色字体 ，在原来下载的163Editor里,引用编辑器的地方的高度是320px, 故上面这段代码的高度就是红色字体
//而我要更改为450px，故上面的代码的红色部分，我成了下面的代码，红色部分
// 请查看 163Editor编辑器概览

http://blog.csdn.net/qingyun0719/article/details/6780876

if(document.all){
 document.write('<table width="100%" height:417px border="0" cellspacing="0" cellpadding="0" ><tr><td style="border:1px solid #C5C5C5; border-top:0;"><IFRAME class="HtmlEditor" ID="HtmlEditor" name="HtmlEditor" style=" height:416px;width:100%" frameBorder="0" marginHeight=0 marginWidth=0 src="blankpage.htm"></IFRAME></td></tr></table>');
}else{
 document.write('<table width="100%" height:418px border="0" cellspacing="0" cellpadding="0" ><tr><td style="border:1px solid #C5C5C5; border-top:0;background-color:#ffffff"><IFRAME class="HtmlEditor" ID="HtmlEditor" name="HtmlEditor" style=" height:413px;width:100%;margin-left:1px;margin-bottom:1px;" frameBorder="0" marginHeight=0 marginWidth=0 src="blankpage.htm"></IFRAME></td></tr></table>');
} 

/*==320px

if(document.all){
 document.write('<textarea ID="sourceEditor" style="height:280px;width:100%;display:none">');
}else{
 document.write('<textarea ID="sourceEditor" style="height:282px;width:100%;display:none">');

}

*/

450px

if(document.all){
 document.write('<textarea ID="sourceEditor" style="height:410px;width:100%;display:none">');//280
}else{
 document.write('<textarea ID="sourceEditor" style="height:412px;width:100%;display:none">');//282
}

 

 

2> 更改 script/editfunc.js