我想学习js编辑器的做法，源码，好长时间没找到，谁知道做法的说下（最好提代源码）先谢了。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<script language="JavaScript" type="text/javascript">  
//运行代码
function runEx(cod1)  {
 cod=document.getElementById(cod1)
  var code=cod.value;
  if (code!=""){
  var newwin=window.open('','','');  
  newwin.opener = null 
  newwin.document.write(code);  
  newwin.document.close();
}
} 
//复制代码
function doCopy(obj) {
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
//另存代码
function doSave(obj) {
var winname = window.open('', '_blank', 'top=10000');
winname.document.open('text/html', 'replace');
winname.document.writeln(obj.value);
winname.document.execCommand('saveas','','code.htm');
winname.close();
}
</script>
</head> <body> 
点击运行可以看到效果<br>
<TEXTAREA id="code01" cols=150 rows=15>
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>新闻</title> 
<style type="text/css"> 
<!__ 
body { 
    margin: 0px; 
    font-size: 12px; 
    color: #938C43; 
    line-height: 150%; 
    text-align:center; 
} 
a:link{color: #9D943A;font-size:12px;} 
a:hover{color: #FF3300;font-size:12px;} 
a:visited{color: #9D943A;font-size:12px;} 
a.red:link{color: #ff0000;font-size:12px;} 
a.red:hover{color: #ff0000;font-size:12px;} 
a.red:visited{color: #ff0000;font-size:12px;} 
#marqueeBox{background:#f7f7f7;border:1px solid silver;padding:1px;text-align:center;margin:0 auto;} 
__> 
</style> 
</head> <body> 
<h4>滚动新闻</h4>
</body> 
</html> 
</TEXTAREA><br/><INPUT onclick="runEx('code01')" type="button" value="运行代码"/> <INPUT onclick="doCopy(code01)" type="button" value="复制代码"/> <INPUT onclick="doSave(code01)" type="button" value="保存代码"/>[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
</body> 
</html> 

解决方案 »

  1.   

    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <script language="JavaScript" type="text/javascript">  
    //运行代码
    function runEx(cod1)  {
     cod=document.getElementById(cod1)
      var code=cod.value;
      if (code!=""){
      var newwin=window.open('','','');  
      newwin.opener = null 
      newwin.document.write(code);  
      newwin.document.close();
    }
    } 
    //复制代码
    function doCopy(obj) {
    var rng = document.body.createTextRange();
    rng.moveToElementText(obj);
    rng.scrollIntoView();
    rng.select();
    rng.execCommand("Copy");
    rng.collapse(false);
    }
    //另存代码
    function doSave(obj) {
    var winname = window.open('', '_blank', 'top=10000');
    winname.document.open('text/html', 'replace');
    winname.document.writeln(obj.value);
    winname.document.execCommand('saveas','','code.htm');
    winname.close();
    }
    </script>
    </head> <body> 
    点击运行可以看到效果<br>
    <TEXTAREA id="code01" cols=150 rows=15>
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>新闻</title> 
    <style type="text/css"> 
    <!__ 
    body { 
        margin: 0px; 
        font-size: 12px; 
        color: #938C43; 
        line-height: 150%; 
        text-align:center; 
    } 
    a:link{color: #9D943A;font-size:12px;} 
    a:hover{color: #FF3300;font-size:12px;} 
    a:visited{color: #9D943A;font-size:12px;} 
    a.red:link{color: #ff0000;font-size:12px;} 
    a.red:hover{color: #ff0000;font-size:12px;} 
    a.red:visited{color: #ff0000;font-size:12px;} 
    #marqueeBox{background:#f7f7f7;border:1px solid silver;padding:1px;text-align:center;margin:0 auto;} 
    __> 
    </style> 
    </head> <body> 
    <h4>滚动新闻</h4>
    </body> 
    </html> 
    </TEXTAREA><br/><INPUT onclick="runEx('code01')" type="button" value="运行代码"/> <INPUT onclick="doCopy(code01)" type="button" value="复制代码"/> <INPUT onclick="doSave(code01)" type="button" value="保存代码"/>[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
    </body> 
    </html>