关于js在线编辑的字号问题.

<html>
<head>
<title>HTML在线编辑器</title>
<link rel="STYLESHEET" type="text/css" href="edit.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script language="jscript">
var da=1;
//字体
function doSetFontSize(value)
{
frm.focus();
frm.document.execCommand("FontSize",false,value);
}
//字体完毕
</script>
</head>
<body>
<div>  <select id="FontSize" class="TBGen" onchange="doSetFontSize(this.value)">
    <option selected>字号</option>
    <option value="7">一号</option>
    <option value="6">二号</option>
    <option value="5">三号</option>
    <option value="4">四号</option>
    <option value="3">五号</option>
    <option value="2">六号</option>
    <option value="1">七号</option>
  </select>
 
</div>
<iframe id="frm" name="frm" width="100%" height="80%" scrolling="auto" src="about:blank"></iframe>
<script language="jscript">
with(frm){
document.designMode = "On";
document.open();
document.write('<html>\n\
<head>\n\
<style>\n\
.d{font-size:12px;font-family:??¨??;}\n\
body{margin:2px;}\n\
.tt{border:solid 1px #ff0000;width:200px;height:18px;padding:2px;position:absolute;}\n\
.line {  border-color: black black #006699; font-family: "??ì?"; font-size: 12px; color: #006699; text-decoration: none; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}\n\
</style>\n\
</head>\n\
<body  oncontextmenu="window.event.returnvalue=false">\n\
<form name="form1" id="form1" action=""></form>\n\
</body>\n\
</html>');
document.close();
document.onmousedown = function(){
//alert(frm.document.body.innerHTML);
}
}
</script>
</body>
</html>