基本上,不需要太复杂的编码;
但要注意 <OBJECT id=doc_html style="LEFT: 0px; TOP: 0px" data=../editor1/editor.htm width=544
height=320 type=text/x-scriptlet VIEWASTEXT></OBJECT>
以下先给出页面布局,再给出核心部分<object></object>的编码
核心部分有edit.js与edit.css我就不贴了,否则太大;
1.
<form name="add_article" action="add_sql.asp" method="post" onsubmit="return CheckForm()"> 昵称:<input type="text" name= "name" value="" style="width:100"
style=" BORDER-BOTTOM: #4a3163 1px solid;
BORDER-LEFT: #4a3163 1px solid;
BORDER-RIGHT: #4a3163 1px solid;
BORDER-TOP: #4a3163 1px solid;
FONT-SIZE: 12px;
FONT-STYLE: normal;
FONT-VARIANT: normal;
FONT-WEIGHT: normal;
LINE-HEIGHT: normal
"
>
密码:
<input type="password" name = "password" value = "" style="width:100" style=" BORDER-BOTTOM: #4a3163 1px solid;
BORDER-LEFT: #4a3163 1px solid;
BORDER-RIGHT: #4a3163 1px solid;
BORDER-TOP: #4a3163 1px solid;
FONT-SIZE: 12px;
FONT-STYLE: normal;
FONT-VARIANT: normal;
FONT-WEIGHT: normal;
LINE-HEIGHT: normal
">
<input type="hidden" name="state" value="add" >
<a href="http://www.csdn.net/expert/zc.asp">注册新用户</a>
<br>
标题:<input type="text" name="title" size=80 style=" BORDER-BOTTOM: #4a3163 1px solid;
BORDER-LEFT: #4a3163 1px solid;
BORDER-RIGHT: #4a3163 1px solid;
BORDER-TOP: #4a3163 1px solid;
FONT-SIZE: 12px;
FONT-STYLE: normal;
FONT-VARIANT: normal;
FONT-WEIGHT: normal;
LINE-HEIGHT: normal
"><br> 内容:
贴文分类:<select name="classid" style="FONT-SIZE: 12px;">
<option value=1 selected>Visual C++</option><option value=2>Delphi
</option><option value=3>Visual Basic</option><option value=4>ASP</option><option value=5>Perl</option><option value=6>Java</option><option value=7>Javascript</option><option value=8>数据库开发</option><option value=9>其他开发语言
</option><option value=10>游戏开发</option><option value=11>文件格式</option><option value=12>网站制作技术
</option><option value=13>其他</option></select><br>
<table border=0 ><tr><td> </td><td>
<table border=1 bordercolor=gray >
<tr><td align=center>
<OBJECT id=doc_html style="LEFT: 0px; TOP: 0px" data=../editor1/editor.htm width=544
height=320 type=text/x-scriptlet VIEWASTEXT></OBJECT>
</td></tr></table>
<input type="hidden" name="content" value="" >
</td></tr></table>
贴文类型:
<input type="radio" name="doctype" value="3" checked onclick="javascript:signin(1)">转贴
<input type="radio" name="doctype" value="4" onclick="javascript:signin(2)">翻译
<input type="radio" name="doctype" value="5" onclick="javascript:signin(3)">原创
<input type="radio" name="doctype" value="7" onclick="javascript:signin(4)">收藏<br>
转贴来源或翻译原文出处<br>
<input type="text" name="DocSource" value="http://" style="width:550px" style=" BORDER-BOTTOM: #4a3163 1px solid;
BORDER-LEFT: #4a3163 1px solid;
BORDER-RIGHT: #4a3163 1px solid;
BORDER-TOP: #4a3163 1px solid;
FONT-SIZE: 12px;
FONT-STYLE: normal;
FONT-VARIANT: normal;
FONT-WEIGHT: normal;
LINE-HEIGHT: normal
">
<br>
注:转贴、翻译是一定要注明出处的;原创、收藏是可以不注明出处的。
<br>
</form>2.核心
<html>
<head>
<title>csdn文档中心</title>
<link rel="STYLESHEET" type="text/css" href="edit.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head><body bgcolor="menu" onload="InitDocument();" STYLE="margin:0pt;padding:0pt"><div class="yToolbar" ID="ExtToolbar">
<div class="TBHandle"></div>
<div class="Btn" TITLE="删除" LANGUAGE="javascript" onclick="format1('delete');">
<img class="Ico" src="images\delete.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="剪切" LANGUAGE="javascript" onclick="format1('cut');">
<img class="Ico" src="images\cut.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="复制" LANGUAGE="javascript" onclick="format1('copy');">
<img class="Ico" src="images\copy.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="粘贴" LANGUAGE="javascript" onclick="format1('paste');">
<img class="Ico" src="images\paste.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="撤消" LANGUAGE="javascript" onclick="format1('undo');">
<img class="Ico" src="images\undo.gif" WIDTH="17" HEIGHT="16">
</div>
<div class="Btn" TITLE="恢复" LANGUAGE="javascript" onclick="format1('redo');">
<img class="Ico" src="images\redo.gif" WIDTH="16" HEIGHT="16">
</div> <div class="TBSep"></div>
<div class="Btn" TITLE="插入表格" LANGUAGE="javascript" onclick="fortable()">
<img class="Ico" src="images\table.gif" WIDTH="18" HEIGHT="18">
</div>
<div class="Btn" TITLE="插入超级连接" LANGUAGE="javascript" onclick="UserDialog('CreateLink')">
<img class="Ico" src="images\wlink.gif" WIDTH="22" HEIGHT="22">
</div>
<div class="Btn" TITLE="插入图片" LANGUAGE="javascript" onclick="UserDialog('InsertImage');">
<img class="Ico" src="images\img.gif" WIDTH="22" HEIGHT="22">
</div>
<div class="Btn" TITLE="插入水平线" LANGUAGE="javascript" onclick="format('InsertHorizontalRule')">
<img class="Ico" src="images/hr.gif" WIDTH="16" HEIGHT="16">
</div> <div class="TBSep"></div><div TITLE="欢迎来到csdn文档中心" >
<font color=red size=2px>
欢迎来到csdn文档中心
</font>
</div>
</div><div class="yToolbar">
<div class="TBHandle"></div>
<select ID="formatSelect" class="TBGen" title="段落格式" onchange="doSelectClick('FormatBlock',this)" style="font: icon; width: 80px;">
<option>段落格式</option>
<option VALUE="<P>">普通
<option VALUE="<PRE>">已编排格式
<option VALUE="<H1>">标题一
<option VALUE="<H2>">标题二
<option VALUE="<H3>">标题三
<option VALUE="<H4>">标题四
<option VALUE="<H5>">标题五
<option VALUE="<H6>">标题六
<option VALUE="<H7>">标题七
</select>
<select id="specialtype" class="TBGen" onchange="doSelectClick('FormatBlock',this)" style="font: icon; width: 100px;">
<option>特殊字体格式</option>
<option VALUE="SUP">上标
<option VALUE="SUB">下标
<option VALUE="DEL">删除线
<option VALUE="BLINK">闪烁
<option VALUE="BIG">增大字体
<option VALUE="SMALL">减小字体
</select>
<div class="Btn" TITLE="字体颜色" LANGUAGE="javascript" onclick="foreColor();">
<img class="Ico" src="images\fgcolor.gif" WIDTH="23" HEIGHT="22">
</div>
<div class="TBSep"></div> <div class="Btn" TITLE="加粗" LANGUAGE="javascript" onclick="format('bold');">
<img class="Ico" src="images\bold.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="斜体" LANGUAGE="javascript" onclick="format('italic');">
<img class="Ico" src="images\italic.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="下划线" LANGUAGE="javascript" onclick="format('underline');">
<img class="Ico" src="images\underline.gif" WIDTH="16" HEIGHT="16">
</div> <div class="TBSep"></div> <div class="Btn" TITLE="左对齐" NAME="Justify" LANGUAGE="javascript" onclick="format('justifyleft');">
<img class="Ico" src="images\aleft.gif" WIDTH="17" HEIGHT="16">
</div>
<div class="Btn" TITLE="居中" NAME="Justify" LANGUAGE="javascript" onclick="format('justifycenter');">
<img class="Ico" src="images\center.gif" WIDTH="17" HEIGHT="16">
</div>
<div class="Btn" TITLE="右对齐" NAME="Justify" LANGUAGE="javascript" onclick="format('justifyright');">
<img class="Ico" src="images\aright.gif" WIDTH="16" HEIGHT="16">
</div> <div class="TBSep"></div> <div class="Btn" TITLE="编号" LANGUAGE="javascript" onclick="format('insertorderedlist');">
<img class="Ico" src="images\numlist.gif" WIDTH="18" HEIGHT="18">
</div>
<div class="Btn" TITLE="项目符号" LANGUAGE="javascript" onclick="format('insertunorderedlist');">
<img class="Ico" src="images\bullist.gif" WIDTH="18" HEIGHT="18">
</div>
<div class="Btn" TITLE="减少缩进量" LANGUAGE="javascript" onclick="format('outdent');">
<img class="Ico" src="images\outdent.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="增加缩进量" LANGUAGE="javascript" onclick="format('indent');">
<img class="Ico" src="images\indent.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="TBSep"></div>
<div class="Btn" TITLE="使用帮助" LANGUAGE="javascript" onclick="help();">
<img class="Ico" src="images\help.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="TBSep"></div>
</div><div class="yToolbar">
<div class="TBHandle"></div>
<div class="TBHandle"></div><select language="javascript" class="TBGen" id="FontName" title="字体名" onchange="format('fontname',this[this.selectedIndex].value);">
<option class="heading" selected>字体<option value="宋体">宋体<option value="黑体">黑体<option value="楷体_GB2312">楷体<option value="仿宋_GB2312">仿宋<option value="隶书">隶书<option value="幼圆">幼圆<option value="新宋体">新宋体<option value="细明体">细明体<option value="Arial">Arial<option value="Arial Black">Arial Black<option value="Arial Narrow">Arial Narrow<option value="Bradley Hand ITC">Bradley
Hand ITC<option value="Brush Script MT">Brush Script MT<option value="Century Gothic">Century Gothic<option value="Comic Sans MS">Comic Sans
MS<option value="Courier">Courier<option value="Courier New">Courier New<option value="MS Sans Serif">MS Sans Serif<option value="Script">Script<option value="System">System<option value="Times New Roman">Times New Roman<option value="Viner Hand ITC">Viner Hand ITC<option value="Verdana">Verdana<option value="Wide Latin">Wide Latin<option value="Wingdings">Wingdings</option></select> <select language="javascript" class="TBGen" id="FontSize" title="字号大小" onchange="format('fontsize',this[this.selectedIndex].value);"> <option class="heading" selected>字号<option value="7">一号<option value="6">二号<option value="5">三号<option value="4">四号<option value="3">五号<option value="2">六号<option value="1">七号</option></select>
<div class="TBSep"></div>
<div class="TBGen" id="EditMode" title="使用 HTML"><input onclick="setMode(this.checked);" type="checkbox">使用 HTML 语法书写 </div></div> <div class="TBSep"></div>
</div>
<iframe class="Composition" ID="Composition" MARGINHEIGHT="1" MARGINWIDTH="1" width="100%" height="240">
</iframe><script src="edit.js" type="text/javascript"></script></body>
</html>
但要注意 <OBJECT id=doc_html style="LEFT: 0px; TOP: 0px" data=../editor1/editor.htm width=544
height=320 type=text/x-scriptlet VIEWASTEXT></OBJECT>
以下先给出页面布局,再给出核心部分<object></object>的编码
核心部分有edit.js与edit.css我就不贴了,否则太大;
1.
<form name="add_article" action="add_sql.asp" method="post" onsubmit="return CheckForm()"> 昵称:<input type="text" name= "name" value="" style="width:100"
style=" BORDER-BOTTOM: #4a3163 1px solid;
BORDER-LEFT: #4a3163 1px solid;
BORDER-RIGHT: #4a3163 1px solid;
BORDER-TOP: #4a3163 1px solid;
FONT-SIZE: 12px;
FONT-STYLE: normal;
FONT-VARIANT: normal;
FONT-WEIGHT: normal;
LINE-HEIGHT: normal
"
>
密码:
<input type="password" name = "password" value = "" style="width:100" style=" BORDER-BOTTOM: #4a3163 1px solid;
BORDER-LEFT: #4a3163 1px solid;
BORDER-RIGHT: #4a3163 1px solid;
BORDER-TOP: #4a3163 1px solid;
FONT-SIZE: 12px;
FONT-STYLE: normal;
FONT-VARIANT: normal;
FONT-WEIGHT: normal;
LINE-HEIGHT: normal
">
<input type="hidden" name="state" value="add" >
<a href="http://www.csdn.net/expert/zc.asp">注册新用户</a>
<br>
标题:<input type="text" name="title" size=80 style=" BORDER-BOTTOM: #4a3163 1px solid;
BORDER-LEFT: #4a3163 1px solid;
BORDER-RIGHT: #4a3163 1px solid;
BORDER-TOP: #4a3163 1px solid;
FONT-SIZE: 12px;
FONT-STYLE: normal;
FONT-VARIANT: normal;
FONT-WEIGHT: normal;
LINE-HEIGHT: normal
"><br> 内容:
贴文分类:<select name="classid" style="FONT-SIZE: 12px;">
<option value=1 selected>Visual C++</option><option value=2>Delphi
</option><option value=3>Visual Basic</option><option value=4>ASP</option><option value=5>Perl</option><option value=6>Java</option><option value=7>Javascript</option><option value=8>数据库开发</option><option value=9>其他开发语言
</option><option value=10>游戏开发</option><option value=11>文件格式</option><option value=12>网站制作技术
</option><option value=13>其他</option></select><br>
<table border=0 ><tr><td> </td><td>
<table border=1 bordercolor=gray >
<tr><td align=center>
<OBJECT id=doc_html style="LEFT: 0px; TOP: 0px" data=../editor1/editor.htm width=544
height=320 type=text/x-scriptlet VIEWASTEXT></OBJECT>
</td></tr></table>
<input type="hidden" name="content" value="" >
</td></tr></table>
贴文类型:
<input type="radio" name="doctype" value="3" checked onclick="javascript:signin(1)">转贴
<input type="radio" name="doctype" value="4" onclick="javascript:signin(2)">翻译
<input type="radio" name="doctype" value="5" onclick="javascript:signin(3)">原创
<input type="radio" name="doctype" value="7" onclick="javascript:signin(4)">收藏<br>
转贴来源或翻译原文出处<br>
<input type="text" name="DocSource" value="http://" style="width:550px" style=" BORDER-BOTTOM: #4a3163 1px solid;
BORDER-LEFT: #4a3163 1px solid;
BORDER-RIGHT: #4a3163 1px solid;
BORDER-TOP: #4a3163 1px solid;
FONT-SIZE: 12px;
FONT-STYLE: normal;
FONT-VARIANT: normal;
FONT-WEIGHT: normal;
LINE-HEIGHT: normal
">
<br>
注:转贴、翻译是一定要注明出处的;原创、收藏是可以不注明出处的。
<br>
</form>2.核心
<html>
<head>
<title>csdn文档中心</title>
<link rel="STYLESHEET" type="text/css" href="edit.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head><body bgcolor="menu" onload="InitDocument();" STYLE="margin:0pt;padding:0pt"><div class="yToolbar" ID="ExtToolbar">
<div class="TBHandle"></div>
<div class="Btn" TITLE="删除" LANGUAGE="javascript" onclick="format1('delete');">
<img class="Ico" src="images\delete.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="剪切" LANGUAGE="javascript" onclick="format1('cut');">
<img class="Ico" src="images\cut.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="复制" LANGUAGE="javascript" onclick="format1('copy');">
<img class="Ico" src="images\copy.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="粘贴" LANGUAGE="javascript" onclick="format1('paste');">
<img class="Ico" src="images\paste.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="撤消" LANGUAGE="javascript" onclick="format1('undo');">
<img class="Ico" src="images\undo.gif" WIDTH="17" HEIGHT="16">
</div>
<div class="Btn" TITLE="恢复" LANGUAGE="javascript" onclick="format1('redo');">
<img class="Ico" src="images\redo.gif" WIDTH="16" HEIGHT="16">
</div> <div class="TBSep"></div>
<div class="Btn" TITLE="插入表格" LANGUAGE="javascript" onclick="fortable()">
<img class="Ico" src="images\table.gif" WIDTH="18" HEIGHT="18">
</div>
<div class="Btn" TITLE="插入超级连接" LANGUAGE="javascript" onclick="UserDialog('CreateLink')">
<img class="Ico" src="images\wlink.gif" WIDTH="22" HEIGHT="22">
</div>
<div class="Btn" TITLE="插入图片" LANGUAGE="javascript" onclick="UserDialog('InsertImage');">
<img class="Ico" src="images\img.gif" WIDTH="22" HEIGHT="22">
</div>
<div class="Btn" TITLE="插入水平线" LANGUAGE="javascript" onclick="format('InsertHorizontalRule')">
<img class="Ico" src="images/hr.gif" WIDTH="16" HEIGHT="16">
</div> <div class="TBSep"></div><div TITLE="欢迎来到csdn文档中心" >
<font color=red size=2px>
欢迎来到csdn文档中心
</font>
</div>
</div><div class="yToolbar">
<div class="TBHandle"></div>
<select ID="formatSelect" class="TBGen" title="段落格式" onchange="doSelectClick('FormatBlock',this)" style="font: icon; width: 80px;">
<option>段落格式</option>
<option VALUE="<P>">普通
<option VALUE="<PRE>">已编排格式
<option VALUE="<H1>">标题一
<option VALUE="<H2>">标题二
<option VALUE="<H3>">标题三
<option VALUE="<H4>">标题四
<option VALUE="<H5>">标题五
<option VALUE="<H6>">标题六
<option VALUE="<H7>">标题七
</select>
<select id="specialtype" class="TBGen" onchange="doSelectClick('FormatBlock',this)" style="font: icon; width: 100px;">
<option>特殊字体格式</option>
<option VALUE="SUP">上标
<option VALUE="SUB">下标
<option VALUE="DEL">删除线
<option VALUE="BLINK">闪烁
<option VALUE="BIG">增大字体
<option VALUE="SMALL">减小字体
</select>
<div class="Btn" TITLE="字体颜色" LANGUAGE="javascript" onclick="foreColor();">
<img class="Ico" src="images\fgcolor.gif" WIDTH="23" HEIGHT="22">
</div>
<div class="TBSep"></div> <div class="Btn" TITLE="加粗" LANGUAGE="javascript" onclick="format('bold');">
<img class="Ico" src="images\bold.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="斜体" LANGUAGE="javascript" onclick="format('italic');">
<img class="Ico" src="images\italic.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="下划线" LANGUAGE="javascript" onclick="format('underline');">
<img class="Ico" src="images\underline.gif" WIDTH="16" HEIGHT="16">
</div> <div class="TBSep"></div> <div class="Btn" TITLE="左对齐" NAME="Justify" LANGUAGE="javascript" onclick="format('justifyleft');">
<img class="Ico" src="images\aleft.gif" WIDTH="17" HEIGHT="16">
</div>
<div class="Btn" TITLE="居中" NAME="Justify" LANGUAGE="javascript" onclick="format('justifycenter');">
<img class="Ico" src="images\center.gif" WIDTH="17" HEIGHT="16">
</div>
<div class="Btn" TITLE="右对齐" NAME="Justify" LANGUAGE="javascript" onclick="format('justifyright');">
<img class="Ico" src="images\aright.gif" WIDTH="16" HEIGHT="16">
</div> <div class="TBSep"></div> <div class="Btn" TITLE="编号" LANGUAGE="javascript" onclick="format('insertorderedlist');">
<img class="Ico" src="images\numlist.gif" WIDTH="18" HEIGHT="18">
</div>
<div class="Btn" TITLE="项目符号" LANGUAGE="javascript" onclick="format('insertunorderedlist');">
<img class="Ico" src="images\bullist.gif" WIDTH="18" HEIGHT="18">
</div>
<div class="Btn" TITLE="减少缩进量" LANGUAGE="javascript" onclick="format('outdent');">
<img class="Ico" src="images\outdent.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="增加缩进量" LANGUAGE="javascript" onclick="format('indent');">
<img class="Ico" src="images\indent.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="TBSep"></div>
<div class="Btn" TITLE="使用帮助" LANGUAGE="javascript" onclick="help();">
<img class="Ico" src="images\help.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="TBSep"></div>
</div><div class="yToolbar">
<div class="TBHandle"></div>
<div class="TBHandle"></div><select language="javascript" class="TBGen" id="FontName" title="字体名" onchange="format('fontname',this[this.selectedIndex].value);">
<option class="heading" selected>字体<option value="宋体">宋体<option value="黑体">黑体<option value="楷体_GB2312">楷体<option value="仿宋_GB2312">仿宋<option value="隶书">隶书<option value="幼圆">幼圆<option value="新宋体">新宋体<option value="细明体">细明体<option value="Arial">Arial<option value="Arial Black">Arial Black<option value="Arial Narrow">Arial Narrow<option value="Bradley Hand ITC">Bradley
Hand ITC<option value="Brush Script MT">Brush Script MT<option value="Century Gothic">Century Gothic<option value="Comic Sans MS">Comic Sans
MS<option value="Courier">Courier<option value="Courier New">Courier New<option value="MS Sans Serif">MS Sans Serif<option value="Script">Script<option value="System">System<option value="Times New Roman">Times New Roman<option value="Viner Hand ITC">Viner Hand ITC<option value="Verdana">Verdana<option value="Wide Latin">Wide Latin<option value="Wingdings">Wingdings</option></select> <select language="javascript" class="TBGen" id="FontSize" title="字号大小" onchange="format('fontsize',this[this.selectedIndex].value);"> <option class="heading" selected>字号<option value="7">一号<option value="6">二号<option value="5">三号<option value="4">四号<option value="3">五号<option value="2">六号<option value="1">七号</option></select>
<div class="TBSep"></div>
<div class="TBGen" id="EditMode" title="使用 HTML"><input onclick="setMode(this.checked);" type="checkbox">使用 HTML 语法书写 </div></div> <div class="TBSep"></div>
</div>
<iframe class="Composition" ID="Composition" MARGINHEIGHT="1" MARGINWIDTH="1" width="100%" height="240">
</iframe><script src="edit.js" type="text/javascript"></script></body>
</html>
http://www.csdn.net/editor1/edit.js (在这里)
yankee叫你注意下面这个是对的
height=320 type=text/x-scriptlet VIEWASTEXT>你可以直接去这里看你要的东西
http://www.csdn.net/editor1/editor.htm
http://www.csdn.net/editor1/edit.js
http://www.csdn.net/editor1/edit.css
你要的都在这里面
你说的文档编辑器就是上面三个东东搞出来的
http://www.csdn.net/editor1/edit.js (在这里)
yankee叫你注意下面这个是对的
<OBJECT id=doc_html style="LEFT: 0px; TOP: 0px" data=../editor1/editor.htm
height=320 type=text/x-scriptlet VIEWASTEXT>你可以直接去这里看你要的东西
http://www.csdn.net/editor1/editor.htm
http://www.csdn.net/editor1/edit.js
http://www.csdn.net/editor1/edit.css
你要的都在这里面
你说的文档编辑器就是上面三个东东搞出来的
http://www.csdn.net/editor1/editor.htm
http://www.csdn.net/editor1/edit.js
------------------------------------------------------------------
http://www.csdn.net/editor1/edit.css不要紧的
能理解上面两个就行了