请问哪里有用JSCRIPT实现的文本编辑器,能够在Textarea里边生成相应的HTML代码?


 
<html><head>
<meta http-equiv='content-type' content='text/html; charset=gb2312'>
<meta name="generator" content="editplus">
<meta name="author" content="[email protected]">
<style><!--
body{margin:0}
body{
scrollbar-face-color:#f8f8f8;
scrollbar-highlight-color:#006699;
scrollbar-shadow-color:#006699;
scrollbar-3dlight-color:#f8f8f8;
scrollbar-arrow-color:#006699;
scrollbar-track-color:#f8f8f8;
scrollbar-darkshadow-color:#f8f8f8;
scrollbar-base-color:#f8f8f8;}
--></style>
<link rel=stylesheet href="../DAT/lib/css/global.css" type="text/css" />
<script src='../DAT/lib/scripts/global.js'></script>
</head><body bgcolor=buttonface style='padding:0' scroll=no>
<OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT><div id=idOpenDoc style='width:100%;height:100%;padding:0;'>
<table width='100%' border=0 cellspacing=0 cellpadding=0 height='100%'><tr>
<td unselectable=on height=18 style='padding:2 2 2 0'>
<font unselectable=on style='cursor:default;'>
<img src='../DAT/img/icons/docDesigner_title.gif' border=0 align=left>
正文设计器</font></td></tr><tr>
<td height=20 style='padding:1 0 1 0'>
<table width='100%' border=0 cellspacing=0 cellpadding=0><tr><td unselectable=on>
<button class=office1 style='width:4;background:0080c0'></button> 
<button c=1 d=font class=office1 title='字体'><img src='../DAT/img/icons/docDesigner_btn_font.gif' border=0></button> 
<button c=1 d=color class=office1 title=文本颜色><img src='../DAT/img/icons/docDesigner_btn_color.gif' border=0></button> 
<button c=1 d=bg class=office1 title=背景颜色><img src='../DAT/img/icons/docDesigner_btn_bg.gif' border=0></button> 
<button c=1 d=b class=office1 title=粗体><b>B</button> 
<button c=1 d=i class=office1 title=斜体><b><i>I</button> 
<button c=1 d=u class=office1 title=下划线><b><u>U</button> 
<button c=1 d=li1 class=office1 title=有序列表><img src='../DAT/img/icons/docDesigner_btn_li1.gif' border=0></button> 
<button c=1 d=li2 class=office1 title=无序列表><img src='../DAT/img/icons/docDesigner_btn_li2.gif' border=0></button> 
<button c=1 d=ind1 class=office1  title=缩进><img src='../DAT/img/icons/docDesigner_btn_ind1.gif' border=0></button> 
<button c=1 d=ind2 class=office1 title=减小缩进><img src='../DAT/img/icons/docDesigner_btn_ind2.gif' border=0></button> 
<button c=1 d=clear class=office1  title=清除格式><img src='../DAT/img/icons/docDesigner_btn_clear.gif' border=0></button> 
<button class=office1 style='width:4;background:0080c0'></button> 
<button c=1 d=format class=office1  title=修正文本><img src='../DAT/img/icons/docDesigner_btn_mod.gif' border=0></button> 
<button c=1 d=src class=office1  title=源文件>源</button>
<button c=1 d=mag class=office1 title=放大><img src='../DAT/img/icons/docDesigner_btn_mag.gif' border=0></button> 
<button c=1 d=save class=office1  title=保存><img src='../DAT/img/icons/docDesigner_btn_save.gif' border=0></button>  </td><td width=60 align=right>
<button c=1 d=up class=office1><img src='../DAT/img/icons/docDesigner_btn_up.gif' border=0></button> 
<button c=1 d=exit class=office1><img src='../DAT/img/icons/docDesigner_btn_exit.gif' border=0></button> 
</td></tr></table>
</td></tr><tr id=idDialogColors  style='display:none'><!--色板 -->
<td height=20 style='padding:1 0 0 3'>
<div style='padding:0 1 1 1;background:000000'><script>showColorTable()</script></div>
</td>
</tr><tr id=idDialogFont style='display:none'><!--字体选择器 -->
<td height=20></td>
</tr><tr style='display:none'><!--样式选择器 -->
<td height=20></td>
</tr>
<tr><td style='padding:2 0 4 3'>
<div class=block id=idCore d='' contentEditable style='width:100%;height:100%;margin:0;background:ffffff;border-color:006699;
padding:4 24 4 4;overflow-y:auto;font-size:9pt' ><p></div></td></div><!-- ----------------------------------------------------------------------------------------------------数据 -->
<script>
for(var prop in document.all)//设置外观属性及事件
if(document.all[prop].c){
document.all[prop].style.cursor='hand';
document.all[prop].style.className='office1';
document.all[prop].onfocus=doFocus;
document.all[prop].onmouseover=doOver;
document.all[prop].onmouseout=doOut;
document.all[prop].onmousedown=doDown;
document.all[prop].onmouseup=doUp;
if(document.all[prop].d)document.all[prop].onclick=doClick;}function doFocus(){
obj=getBtnObj();
obj.blur();}
function doOver(){
obj=getBtnObj();
obj.className='office2';}
function doOut(){
obj=getBtnObj();
obj.className='office1';}
function doDown(){
obj=getBtnObj();
obj.className='office4';}
function doUp(){
obj=getBtnObj();
obj.className='office2';}function doClick(){
switch(event.srcElement.d){
case "format":
var strHTML=idCore.innerHTML;

strHTML=strHTML.replace(/，/g,",");
strHTML=strHTML.replace(/；/g,";");
strHTML=strHTML.replace(/！/g,"!");
strHTML=strHTML.replace(/“/g,'"');
strHTML=strHTML.replace(/”/g,'"');
strHTML=strHTML.replace(/？/g,"?");
strHTML=strHTML.replace(/：/g,":");
strHTML=strHTML.replace(/％/g,"%");
strHTML=strHTML.replace(/（/g,"(");
strHTML=strHTML.replace(/）/g,")");
strHTML=strHTML.replace(/　　/g,"<p>");
strHTML=strHTML.replace(/<BR>/gi,""); idCore.innerHTML=strHTML;
break;case "font":
showHide(idDialogFont);
break;
case "color":
//showHide(idDialogColors);
document.execCommand("ForeColor","false",dlgChooseColor());break;
case "bg":document.execCommand("BackColor","false","#ffff00");break;
case "i":document.execCommand("Italic");break;
case "b":document.execCommand("Bold");break;
case "u":document.execCommand("Underline");break;
case "u":document.execCommand("Underline");
case "li1":document.execCommand("InsertOrderedList");break;
case "li2":document.execCommand("InsertUnOrderedList");break;
case "ind1":document.execCommand("Indent");break;
case "ind2":document.execCommand("Outdent");
case "clear":
document.execCommand("RemoveFormat");
break;
case "src":alert(idCore.innerHTML);break;
case "mag":
if(idCore.style.fontSize=="9pt")idCore.style.fontSize="10.5pt"
else idCore.style.fontSize="9pt"
break;case "save":
strH=idCore.innerHTML;
var fm=top.idIFrame.frames[3].document.forms[0];
fm.elements[0].value="writeHTML";
fm.elements[1].value=idCore.d;
fm.elements[2].value=strH;
fm.submit();
break;case "exit":
closeBottomFrame();
break;
case "up":
upBottomFrame();
break;
}
}
function getBtnObj(){
obj=event.srcElement;
while(obj.tagName!="BUTTON")
obj=obj.parentElement;
return obj;
}
</script>