JAVA版 ubb编辑器

          ubb代码大家都知道，asp vbscript，php javascript都很多。

           用java技术实现的ubb编辑器道是很少，其实也不是什么困难的事情，说到底是一个replace的问题。下面看我如何实现：

          1，新建一个用于解析ubb代码的类：ubbtest.java(不用多说什么，自己看代码).

1.  import  java.util.regex. * ; // 导入正则表达式包中的类 
3. /** 
4.  *  使网页支持ubbcode.
5.  *  @author  tom.dai
6.  *  @version  1.0
7.   */ 
9. public   final   class  Ubbcode {
11.      private   static   final  String ImagePath  =   "Images/" ;  // 定义图片路径 
12.      private   static   final  String emotImagePath  =   "images/emot/" ;
14.      /** 
15.      * @description 转换代码，使之支持ubbcode.
16.      *  @param  strContent 转换前的代码.
17.      *  @return  result 转换后的内容.
18.       */ 
19.      public   static  String UBBCode(String strContent) {  //
20.         strContent  =  dvHTMLEncode(strContent);
21.         strContent  =  FilterJS(strContent);
22.         String re;
23.          // re.IgnoreCase =true
24.          // re.Global=True 
25.         Pattern pattern  =   null ;  //
26.         Matcher matcher  =   null ;
27.          // 转换IMG 
28.         //re  =   "//[IMG//](http|https|ftp)://(.[^//[]*)//[///IMG//]" ;
29.         //re  =   "//[img//](.[^//[]*)//[///img//]" ;
30.         re ="//[img//](http|https|ftp)://(.[^//[]*)//[///img//]";
31.         pattern  =  Pattern.compile(re);
32.         matcher  =  pattern.matcher(strContent);
33.         strContent  =  matcher.replaceAll( "<a οnfοcus=this.blur() href=/"$1://$2/" target=_blank><IMG SRC=/"$1://$2/" border=0 alt=按此在新窗口浏览图片 οnlοad=/"javascript:if(this.width> screen.width-333)this.width=screen.width-333/"></a>");
34.         re ="//[img=*([0-9]*),*([0-9]*)//](http|https|ftp)://(.[^//[]*)//[///img//]";
35.         pattern  =  Pattern.compile(re);
36.         matcher  =  pattern.matcher(strContent);
37.         strContent  =  matcher.replaceAll( "<a οnfοcus=this.blur() href=/"$3://$4/" target=_blank><IMG SRC=/"$3://$4/" border=0 alt=按此在新窗口浏览图片  width =/"$1/" height=/"$2/" ></a>");
39.         
40.         
41.         /*
42.         // 转换UPLOAD 
43.         re  =   "//[upload=(gif|jpg|jpeg|bmp|png)//](.[^//[]*)(gif|jpg|jpeg|bmp|png)//[///upload] " ;
44.         pattern  =  Pattern.compile(re);
45.         matcher  =  pattern.matcher(strContent);
46.         strContent  =  matcher.replaceAll( "<br><IMG SRC=/""  + ImagePath +  " $1.gif /"  border=0>此主题相关图片如下：<br><A HREF=/" $2 $1 /"  TARGET=_blank> <IMG SRC=/" $2 $1 /"  border=0 alt=按此在新窗口浏览图片 οnlοad=/" javascript: if( this.width > screen.width-333) this .width = screen.width - 333 /" ></A>" );
47.         re  =   "//[upload=(.[^//[]*)//](.[^//[]*)//[///upload] " ;
48.         pattern  =  Pattern.compile(re);
49.         matcher  =  pattern.matcher(strContent);
50.         strContent  =  matcher.replaceAll( "<br><img SRC=/"" + ImagePath + 
51.                                        "$1.gif/"  border = 0 >   < a href = /"$2/" > 点击浏览该文件 </a>"); 
52.           */ 
53.          // 转换DIR 
54.         re  =   "//[dir=*([0-9]*),*([0-9]*)//](.[^//[]*)//[///dir]" ;
55.         pattern  =  Pattern.compile(re);
56.         matcher  =  pattern.matcher(strContent);
57.         strContent  =  matcher.replaceAll("<object classid=clsid:166B1BCA-3F9C-11CF-8075-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=7,0,2,0 width=$1 height=$2><param name=src value=$3><embed src=$3 pluginspage=http://www.macromedia.com/shockwave/download/ width=$1 height=$2></embed></object>");
58.          // 转换QT 
59.         re  =   "//[qt=*([0-9]*),*([0-9]*)//](.[^//[]*)//[///qt]" ;
60.         pattern  =  Pattern.compile(re);
61.         matcher  =  pattern.matcher(strContent);
62.         strContent  =  matcher.replaceAll("<embed src=$3 width=$1 height=$2 autoplay=true loop=false controller=true playeveryframe=false cache=false scale=TOFIT bgcolor=#000000 kioskmode=false targetcache=false pluginspage=http://www.apple.com/quicktime/>;");
63.          // 转换MP 
64.         re  =   "//[mp=*([0-9]*),*([0-9]*)//](.[^//[]*)//[///mp]" ;
65.         pattern  =  Pattern.compile(re);
66.         matcher  =  pattern.matcher(strContent);
67.         strContent  =  matcher.replaceAll("<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=$1 height=$2 ><param name=ShowStatusBar value=-1><param name=Filename value=$3><embed type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp src=$3  width=$1 height=$2></embed></object>");
68.          // 转换RM 
69.         re  =   "//[rm=*([0-9]*),*([0-9]*)//](.[^//[]*)//[///rm]" ;
70.         pattern  =  Pattern.compile(re);
71.         matcher  =  pattern.matcher(strContent);
72.         strContent  =  matcher.replaceAll( "<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA class=OBJECT id=RAOCX width=$1 height=$2><PARAM NAME=SRC VALUE=$3><PARAM NAME=CONSOLE VALUE=Clip1><PARAM NAME=CONTROLS VALUE=imagewindow><PARAM NAME=AUTOSTART VALUE=true></OBJECT><br><OBJECT classid=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA height=32 id=video2 width=$1><PARAM NAME=SRC VALUE=$3><PARAM NAME=AUTOSTART VALUE=-1><PARAM NAME=CONTROLS VALUE=controlpanel><PARAM NAME=CONSOLE VALUE=Clip1></OBJECT>");
73.          // 转换FLASH 
74.         re  =   "(//[flash//])(.[^//[]*)(//[///flash])" ;
75.         pattern  =  Pattern.compile(re);
76.         matcher  =  pattern.matcher(strContent);
77.         strContent  =  matcher.replaceAll("<a href=/"$2/"  TARGET=_blank><IMG SRC=/""+ImagePath+"bb_flash.gif/" border=0 alt=点击开新窗口欣赏该FLASH动画! height=16 width=16>[全屏欣赏]</a><br><OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 width=500 height=400><PARAM NAME=movie VALUE=/"$2/" ><PARAM NAME=quality VALUE=high><embed src=/"$2/"  quality=high pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=300 height=300>$2</embed></OBJECT>");
78.         re  =   "(//[flash=*([0-9]*),*([0-9]*)//])(.[^//[]*)(//[///flash]) " ;
79.         pattern  =  Pattern.compile(re);
80.         matcher  =  pattern.matcher(strContent);
81.         strContent  =  matcher.replaceAll("<a href=/"$4/"  TARGET=_blank><IMG SRC=/" "+ImagePath+"bb_flash.gif/"  border=0 alt=点击开新窗口欣赏该FLASH动画! height=16 width=16>[全屏欣赏]</a> <br><OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 width=$2 height=$3><PARAM NAME=movie VALUE=/" $4 /" ><PARAM NAME=quality VALUE=high><embed src=/" $4 /"  quality=high pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=$2 height=$3>$4</embed></OBJECT>");
82.          //转换flv
83.         re  =   "(//[flv//])(.[^//[]*)(//[///flv])" ;
84.         pattern  =  Pattern.compile(re);
85.         matcher  =  pattern.matcher(strContent);
86.         strContent  =  matcher.replaceAll("<embed src=/"http://www.blueidea.com/articleimg/2006/08/3995/vcastr.swf?vcastr_file=$2/" showMovieInfo=0 pluginspage=/"http://www.macromedia.com/go/getflashplayer/" type=/"application/x-shockwave-flash/" wmode=/"transparent/" quality=/"high/" width=/"458/" height=/"350/"></embed>");
87.         // 转换URL 
88.         re  =   "(//[url//])(.[^//[]*)(//[///url])" ;
89.         pattern  =  Pattern.compile(re);
90.         matcher  =  pattern.matcher(strContent);
91.         strContent  =  matcher.replaceAll( "<A HREF=/" $2 /"  TARGET=_blank>$2</A>");
92.         re  =   "(//[url=(.[^//[]*)//])(.[^//[]*)(//[///url])";
93.         pattern  =  Pattern.compile(re);
94.         matcher  =  pattern.matcher(strContent);
95.         strContent  =  matcher.replaceAll("<A href=/"$2/" TARGET=_blank>$3</A>" );
96.          // 转换EMAIL 
97.         re  =   "(//[email//])(//S+//@.[^//[]*)(//[///email])" ;
98.         pattern  =  Pattern.compile(re);
99.         matcher  =  pattern.matcher(strContent);
100.         strContent  =  matcher.replaceAll("<img align=absmiddle src=/""+ImagePath+"email1.gif/">< A HREF = /"mailto:$2/">$2</A>"); 
101.         re  =   "(//[email=(//S+//@.[^//[]*)//])(.[^//[]*)(//[///email])" ;
102.         pattern  =  Pattern.compile(re);
103.         matcher  =  pattern.matcher(strContent);
104.         strContent  =  matcher.replaceAll( "<img align=absmiddle src=/""+ImagePath+"email1.gif/">< A HREF =/" mailto:$2/"  TARGET =_blank >$3</A>" ); 
105.        /*
106.         // 自动识别网址 
107.         re  ="^((http|https|ftp|rtsp|mms):(//|)[A-Za-z0-9//./=//?%//-&_~`@':+!]+)" ;
108.         pattern  =  Pattern.compile(re);
109.         matcher  =  pattern.matcher(strContent);
110.         strContent  =  matcher.replaceAll(
111.                  "<img align=absmiddle src=pic/url.gif border=0><a target=_blank href=$1>$1</a>");
112.         re  ="((http|https|ftp|rtsp|mms):(//|)[A-Za-z0-9//./=//?%//-&_~`@':+!]+)$" ;
113.         pattern  =  Pattern.compile(re);
114.         matcher  =  pattern.matcher(strContent);
115.         strContent  =  matcher.replaceAll("<img align=absmiddle src=pic/url.gif border=0><a target=_blank href=$1>$1</a>");
116.         re  =   "([^>=/"])((http|https|ftp|rtsp|mms):(//|)[A-Za-z0-9//./=//?%//-&_~`@':+!]+)"; 
117.         pattern  =  Pattern.compile(re);
118.         matcher  =  pattern.matcher(strContent);
119.         strContent  =  matcher.replaceAll( "$1<img align=absmiddle src=pic/url.gif border=0><a target=_blank href=$2>$2</a>" );
121.          // 自动识别www等开头的网址 
122.         re  =   "([^(http://|http:)])((www|cn)[.](//w)+[.]{1,}(net|com|cn|org|cc)(((///[//~]*|//[//~]*)(//w)+)|[.](//w)+)*(((([?](//w)+){1}[=]*))*((//w)+){1}([//&](//w)+[//=](//w)+)*)*)" ;
123.         pattern  =  Pattern.compile(re);
124.         matcher  =  pattern.matcher(strContent);
125.         strContent  =  matcher.replaceAll( "<img align=absmiddle src=pic/url.gif border=0><a target=_blank href=http://$2>$2</a>" );
127.          // 自动识别Email地址，如打开本功能在浏览内容很多的帖子会引起服务器停顿 
128.         re  =   "([^(=)])((//w)+[@]{1}((//w)+[.]){1,3}(//w)+)" ;
129.         pattern  =  Pattern.compile(re);
130.         matcher  =  pattern.matcher(strContent);
131.         strContent  =  matcher.replaceAll( "<img align=absmiddle src=pic/url.gif border=0><a target=_blank href=/" mailto:$2 /" >$2</a>" );
132.         */
133.          // 转换EM 
134.         re  =   "//[em(.[^//[]*)//]" ;
135.         pattern  =  Pattern.compile(re);
136.         matcher  =  pattern.matcher(strContent);
137.         strContent  =  matcher.replaceAll( "<img src=/""  + emotImagePath + "em$1.gif/"  border = 0  align = middle >"); 
138.          // 转换HTML 
139.         re  =   "//[html//](.[^//[]*)//[///html] " ;
140.         pattern  =  Pattern.compile(re);
141.         matcher  =  pattern.matcher(strContent);
142.         strContent  =  matcher.replaceAll( "<table width='100%' border='0' cellspacing='0' cellpadding='6' class=tableborder1> <td><b>以下内容为程序代码:</b><br>$1</td>< /table>" );
143.          // 转换CODE 
144.         re  =   "//[code//](.[^//[]*)//[///code]" ;
145.         pattern  =  Pattern.compile(re);
146.         matcher  =  pattern.matcher(strContent);
147.         strContent  =  matcher.replaceAll( "<table width='100%' border='0' cellspacing='0' cellpadding='6' class=tableborder1> <td><b>以下内容为程序代码:</b><br>$1</td></table>" );
148.          // 转换COLOR 
149.         re  =   "//[color=(.[^//[]*)//](.[^//[]*)//[///color]" ;
150.         pattern  =  Pattern.compile(re);
151.         matcher  =  pattern.matcher(strContent);
152.         strContent  =  matcher.replaceAll( "<font color=$1>$2</font>" );
153.          // 转换font 
154.         re  =   "//[font=(.[^//[]*)//](.[^//[]*)//[///font]" ;
155.         pattern  =  Pattern.compile(re);
156.         matcher  =  pattern.matcher(strContent);
157.         strContent  =  matcher.replaceAll( "<font face=$1>$2</font>" );
158.          // 转换ALIGN 
159.         re  =   "//[align=(center|left|right)//](.*)//[///align]" ;
160.         pattern  =  Pattern.compile(re);
161.         matcher  =  pattern.matcher(strContent);
162.         strContent  =  matcher.replaceAll( "<div align=$1>$2</div>" );
163.          // 转换QUOTE 
164.         re  =   "//[quote//](.*)//[///quote]" ;
165.         pattern  =  Pattern.compile(re);
166.         matcher  =  pattern.matcher(strContent);
167.         strContent  =  matcher.replaceAll( " <table style=/" width: 80 % /"  cellpadding=5 cellspacing=1 class=tableborder1><TR><TD class=tableborder1>$1</td></tr></table><br> " );
168.          // 转换FLY 
169.         re  =   "//[fly//](.*)//[///fly]" ;
170.         pattern  =  Pattern.compile(re);
171.         matcher  =  pattern.matcher(strContent);
172.         strContent  =  matcher.replaceAll(
173.                  "<marquee width=90% behavior=alternate scrollamount=3>$1</marquee>" );
174.          // 转换MOVE 
175.         re  =   "//[move//](.*)//[///move]" ;
176.         pattern  =  Pattern.compile(re);
177.         matcher  =  pattern.matcher(strContent);
178.         strContent  =  matcher.replaceAll( " <MARQUEE scrollamount=3>$1</marquee>" );
179.          // 转换GLOW 
180.         re  = "//[glow=*([0-9]*),*(#*[a-z0-9]*),*([0-9]*)//](.[^//[]*)//[///glow]" ;
181.         pattern  =  Pattern.compile(re);
182.         matcher  =  pattern.matcher(strContent);
183.         strContent  =  matcher.replaceAll(
184.                  "<table width=$1 style=/" filter:glow(color = $2 , strength = $3 )/" >$4</table>" );
185.          // 转换SHADOW 
186.         re  ="//[shadow=*([0-9]*),*(#*[a-z0-9]*),*([0-9]*)//](.[^//[]*)//[///shadow]" ;
187.         pattern  =  Pattern.compile(re);
188.         matcher  =  pattern.matcher(strContent);
189.         strContent  =  matcher.replaceAll("<table width=$1 style=/" filter:shadow(color = $2 , strength = $3 )/" >$4</table>"); 
190.         re  ="//[i](.[^//[]*)//[///i]" ;
191.         pattern  =  Pattern.compile(re);
192.         matcher  =  pattern.matcher(strContent);
193.         strContent  =  matcher.replaceAll( "<i>$1</i>" );
194.         re  ="//[u](.[^//[]*)//[///u]" ;
195.         pattern  =  Pattern.compile(re);
196.         matcher  =  pattern.matcher(strContent);
197.         strContent  =  matcher.replaceAll( "<u>$1</u>" );
198.         re  =   "//[b](.[^//[]*)//[///b]" ;
199.         pattern  =  Pattern.compile(re);
200.         matcher  =  pattern.matcher(strContent);
201.         strContent  =  matcher.replaceAll( "<b>$1</b>" );
202.         re  =   "//[size=([1-7])//](.[^//[]*)//[///size]" ;
203.         pattern  =  Pattern.compile(re);
204.         matcher  =  pattern.matcher(strContent);
205.         strContent  =  matcher.replaceAll( "<font size=$1>$2</font>" );
206.          /* re ="(//s)";
207.                  matcher = pattern.matcher(strContent);  
208.                  strContent=matcher.replaceAll("<I>$1</I>"); */ 
209.       /*  String[]  searcharray=new String[]{"[/url]","[/email]","[/color]", "[/size]","[/font]", "[/align]", "[b]", "[/b]","[i]", "[/i]", "[u]", "[/u]", "[list]", "[list=1]","[list=a]","[list=A]", "[*]", "[/list]", "[indent]", "[/indent]","[code]","[/code]","[quote]","[/quote]","[table]","[tr]","[td]","[/tr]","[/td]","[/table]"};
210.         String[]  replacearray=new String[]{"</a>","</a>","</font>", "</font>", "</font>", "</div>", "<b>", "</b>", "<i>","</i>", "<u>", "</u>", "<ul>", "<ol type=1>", "<ol type=a>","<ol type=A>", "<li>", "</ul></ol>", "<blockquote>", "</blockquote>","<div><textarea name=/"codes/" id=/"codes/" rows=/"12/" cols=/"65/">","</textarea><br/><input type=/"button/" value=/"运行代码/" οnclick=/"RunCode()/"> <input type=/"button/" value=/"复制代码/" οnclick=/"CopyCode()/"> <input type=/"button/" value=/"另存代码/" οnclick=/"SaveCode()/">  提示：您可以先修改部分代码再运行</div>","<div style=/"background:#E2F2FF;width:90%;height:300px;border:1px solid #3CAAEC/">","</div>","<table>","<tr>","<td>","</tr>","</td>","</table>"};
211.        for(int i=0;i<searcharray.length;i++)
212.            strContent=replace(strContent,searcharray[i],replacearray[i]);
213.            */
214.         re  =   null ;
215.          return  strContent;
216.     }
220. /** 
221.  *  过滤javascript代码.
222.  *  @param  v转换前的代码.
223.  *  @return  v转换后的内容.
224.   */ 
226.      public   static  String FilterJS(String v) {
227.          try{
228.          if  ( ! v.equals( "null" )  &&  v  !=   null ) {
229.             String t, re;
230.             re  =   "(javascript)" ;
231.             t  =  re.replace(v,  "javascript" );
232.             re  =   " (jscript:)" ;
233.             t  =  re.replace(t,  "jscript:" );
234.             re  =   " (js:) " ;
235.             t  =  re.replace(t,  "js:" );
236.             re  =   " (value) " ;
237.             t  =  re.replace(t,  "value" );
238.             re  =   " (about:)" ;
239.             t  =  re.replace(t,  "about:" );
240.             re  =   " (file:)" ;
241.             t  =  re.replace(t,  "file:" );
242.             re  =   "(document.cookie)" ;
243.             t  =  re.replace(t,  "documents.cookie" );
244.             re  =   "(vbscript:)" ;
245.             t  =  re.replace(t,  "vbscript:" );
246.             re  =   "(vbs:)" ;
247.             t  =  re.replace(t,  "vbs:" );
248.             re  =   "(on(mouse|exit|error|click|key))" ;
249.             t  =  re.replace(t,  "on$2" );
250.             re  =   "(&#)" ;
251.             t  =  re.replace(t,  "＆#" );
252.             re  =   null ;
253.         }}catch(Exception e)
254.         {
255.             e.printStackTrace();
256.         }
257.          return  v;
258.     }
260. /** 
261.  *  替换一些特殊符号为html语法标记.
262.  *  @param  fString转换前的代码.
263.  *  @return  fString转换后的内容.
264.   */  
266. public   static  String dvHTMLEncode(String fString) {
267.     try{
268.          if  ( ! fString.equals( "null" )  &&  fString  !=   null ) {
269.             fString  =  replace(fString,  ">" ,  ">" );
270.             fString  =  replace(fString,  "<" ,  "<" );
271.             fString  =  replace(fString,  "&" ,  "&" );
272.             fString  =  replace(fString,  " " ,  " " );
273.             fString  =  replace(fString,  "/"" ,   """);
274.             fString  =  replace(fString,  "/'" ,  "'" );
275.             fString  =  replace(fString,  "/r" ,  " " );
276.             fString  =  replace(fString,  "/n" ,  "<BR>" );
277.             fString  =  replace(fString,  "" ,  "//" );
278.         }}catch(Exception e)
279.         {
280.             e.printStackTrace();
281.         }
282.          return  fString;
283.     }
285. /** 
286.  *  html语法标记转换符号本身.
287.  *  @param  fString转换前的代码.
288.  *  @return  fString转换后的内容.
289.   */   
291.    public   static  String dvHTMLCode(String fString) {
292.          if  ( ! fString.equals( "null" )  &&  fString  !=   null ) {
293.             fString  =  replace(fString,  ">" ,  ">" );
294.             fString  =  replace(fString,  "<" ,  "<" );
295.             fString  =  replace(fString,  "&" ,  "&" );
296.             fString  =  replace(fString,  "  " ,  "  " );
297.             fString  =  replace(fString,  """ , "/"" );
298.             fString  =  replace(fString,  "'" ,  "/'" );
299.             fString  =  replace(fString,  "//" ,  " " );
300.             fString  =  replace(fString,  "<BR>" ,  "/n" );
301.         }
302.          return  fString;
303.     }
305.      public   static  String nohtml(String str) {
306.         String re;
307.         Pattern pattern  =   null ;
308.         Matcher matcher  =   null ;
309.         re  =   "(//<.[^//<]*//>)" ;
310.         pattern  =  Pattern.compile(re);
311.         matcher  =  pattern.matcher(str);
312.         str  =  matcher.replaceAll( "  " );
313.         re  =   " (//<///[^//<]*//>)" ;
314.         str  =  re.replace(str,  "  " );
315.         re  =   null ;
316.          return  str;
317.     }
319. /** 
320.  *  分割函数.
321.  *  @param  source原字符串,div将要被分割的字符串.
322.  *  @return  returnStr分割后的字符串.
323.   */   
325.     public   static  String[] split(String source, String div) {
326.          int  arynum  =   0 , intIdx  =   0 , intIdex  =   0 , div_length  =  div.length();
327.          if  (source.compareTo("")  !=   0 ) {
328.              if  (source.indexOf(div)  !=   - 1 ) {
329.                 intIdx  =  source.indexOf(div);
330.                  for  ( int  intCount  =   1 ; ; intCount ++ ) {
331.                      if  (source.indexOf(div, intIdx  +  div_length)  !=   - 1 ) {
332.                         intIdx  =  source.indexOf(div, intIdx  +  div_length);
333.                         arynum  =  intCount;
334.                     }  else  {
335.                         arynum  +=   2 ;
336.                          break ;
337.                     }
338.                 }
339.             }  else  {
340.                 arynum  =   1 ;
341.             }
342.         }  else  {
343.             arynum  =   0 ;
345.         }
346.         intIdx  =   0 ;
347.         intIdex  =   0 ;
348.         String[] returnStr  =   new  String[arynum];
350. if  (source.compareTo("")  !=   0 ) {
351.              if  (source.indexOf(div)  !=   - 1 ) {
352.                 intIdx  =  ( int ) source.indexOf(div);
353.                 returnStr[ 0 ]  =  (String) source.substring( 0 , intIdx);
354.                  for  ( int  intCount  =   1 ; ; intCount ++ ) {
355.                      if  (source.indexOf(div, intIdx  +  div_length)  !=   - 1 ) {
356.                         intIdex  =  ( int ) source.indexOf(div, intIdx  +  div_length);
357.                         returnStr[intCount]  =  (String) source.substring(intIdx  + 
358.                                 div_length,
359.                                 intIdex);
360.                         intIdx  =  ( int ) source.indexOf(div, intIdx  +  div_length);
361.                     }  else  {
362.                         returnStr[intCount]  =  (String) source.substring(intIdx  + 
363.                                 div_length,
364.                                 source.length());
365.                          break ;
366.                     }
367.                 }
368.             }  else  {
369.                 returnStr[ 0 ]  =  (String) source.substring( 0 , source.length());
370.                  return  returnStr;
371.             }
372.         }  else  {
373.              return  returnStr;
374.         }
375.          return  returnStr;
376.     }
378. /** 
379.  *  替换函数.
380.  *  @param  str替换前的字符串,substr被替换的字符,restr替换的字符.
381.  *  @return  替换后并且经过除空处理的字符串.
382.   */   
383.      public   static  String replace(String str, String substr, String restr) {
384.         String[] tmp  =  split(str, substr);
385.         String returnstr  =   null ;
386.          if  (tmp.length  !=   0 ) {
387.             returnstr  =  tmp[ 0 ];
388.              for  ( int  i  =   0 ; i  <  tmp.length  -   1 ; i ++ ) {
389.                 returnstr  =  dealNull(returnstr)  +  restr  +  tmp[i  +   1 ];
390.             }
391.         }
392.          return  dealNull(returnstr);
393.     }
395. /** 
396.  *  除空处理函数.
397.  *  @param  str原字符串.
398.  *  @return  处理后的字符串.
399.   */   
400.      public   static  String dealNull(String str) {
401.         String returnstr  =   null ;
402.          if  (str  ==   null ) {
403.             returnstr  = "" ;
404.         }  else  {
405.             returnstr  =  str;
406.         }
407.          return  returnstr;
408.     }
410.      public   static  String tostring(Character i) {
411.         Character c  =  i;
412.          return  c.toString();
413.     }
414.     /* public static void main(String args[]) throws Exception
415.      {
416.          Ubbcode ubb=new Ubbcode();
417.          String strContent="[IMG]HTTP://123.jpg[/IMG] ";
418.          System.out.println("the new string is:"+ubb.UBBCode(strContent));   
419.      }*/
420. }

2。新建一个serverlet,ubb.java

3. import java.io.IOException;
4. import javax.servlet.ServletException;
5. import javax.servlet.http.HttpServletRequest;
6. import javax.servlet.http.HttpServletResponse;
8. /**
9.  * Servlet implementation class for Servlet: ubb
10.  *
11.  */
12.  public class ubb extends javax.servlet.http.HttpServlet implements javax.servlet.Servlet {
13.    static final long serialVersionUID = 1L;
14.    
15.     /* (non-Java-doc)
16.      * @see javax.servlet.http.HttpServlet#HttpServlet()
17.      */
18.     public ubb() {
19.         super();
20.     }       
21.     
22.     /* (non-Java-doc)
23.      * @see javax.servlet.http.HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
24.      */
25.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
26.         // TODO Auto-generated method stub
27.         doPost(request,response); 
28.     }   
29.     
30.     /* (non-Java-doc)
31.      * @see javax.servlet.http.HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
32.      */
33.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
34.     //  System.out.println("begin");
35.     //  System.out.println("The request get paramter mssgcontent is : "+request.getParameter("mssgcontent"));
36.          Ubbcode ubb=new Ubbcode();
37.          String strContent=request.getParameter("mssgcontent");
38.         response.setContentType("text/html;charset=utf-8");
39.         response.getWriter().write(ubb.UBBCode(strContent));
40.         
42.     }               
43. }

注：web-info/web.xml中serverlet配置：

1. <?xml version="1.0" encoding="UTF-8"?>
2. <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
3.   <display-name>Ubbtest</display-name>
4.   <welcome-file-list>
5.     <welcome-file>index.html</welcome-file>
6.     <welcome-file>index.htm</welcome-file>
7.     <welcome-file>index.jsp</welcome-file>
8.     <welcome-file>default.html</welcome-file>
9.     <welcome-file>default.htm</welcome-file>
10.     <welcome-file>default.jsp</welcome-file>
11.   </welcome-file-list>
12.   <servlet>
13.     <description></description>
14.     <display-name>ubb</display-name>
15.     <servlet-name>ubb</servlet-name>
16.     <servlet-class>ubb</servlet-class>
17.   </servlet>
18.   <servlet-mapping>
19.     <servlet-name>ubb</servlet-name>
20.     <url-pattern>/ubb</url-pattern>
21.   </servlet-mapping>
22. </web-app>

3.新建bbcode.js。用于页面显示（版权归动网论坛）。

2. 1. /******************************************************************************
   2.   Crossday Discuz! Board - HTML <=> BB Code for Discuz!
   3.   Copyright 2001-2006 Comsenz Inc. (http://www.comsenz.com)
   4. *******************************************************************************/
   6. var re;
   7. var pcodecount = '-1';
   8. var codecount = 0;
   9. var codehtml = new Array();
   11. function addslashes(str) {
   12.     var searcharray = ['', '///'', '', '///(', '///)', '///[', '///]', '///{', '///}', '///^', '///$', '///?', '///.', '///*', '///+', '///|'];
   13.     var replacearray = ['', '///'', '///', '//(', '//)', '//[', '//]', '//{', '//}', '//^', '//$', '//?', '//.', '//*', '//+', '//|'];
   14.     var len = searcharray.length;
   16.     for(var i = 0; i < len; i++) {
   17.         re = new RegExp(searcharray[i], "g");
   18.         str = str.replace(re, replacearray[i]);
   19.     }
   21.     return str;
   22. }
   24. function atag(aoptions, text) {
   25.     if(trim(text) == '') {
   26.         return '';
   27.     }
   29.     href = getoptionvalue('href', aoptions);
   31.     if(href.substr(0, 11) == 'javascript:') {
   32.         return trim(recursion('a', text, 'atag'));
   33.     } else if(href.substr(0, 7) == 'mailto:') {
   34.         tag = 'email';
   35.         href = href.substr(7);
   36.     } else {
   37.         tag = 'url';
   38.     }
   40.     return '[' + tag + '=' + href + ']' + trim(recursion('a', text, 'atag')) + '[/' + tag + ']';
   41. }
   43. function bbcode2html(str) {
   45.     str = trim(str);
   47.     if(str == '') {
   48.         return '';
   49.     }
   51.     if(!fetchCheckbox('bbcodeoff') && allowbbcode) {
   52.         str= str.replace(//s*/[code/]([/s/S]+?)/[//code/]/s*/ig, function($1, $2) {return parsecode($2);});
   53.     }
   55.     if(!forumallowhtml && !(allowhtml && fetchCheckbox('htmlon'))) {
   56.         str = str.replace(/</ig, '<');
   57.         str = str.replace(/>/ig, '>');
   58.     }
   60.     if(!fetchCheckbox('smileyoff') && allowsmilies) {
   61.         for(id in smilies) {
   62.             re = new RegExp(addslashes(smilies[id]['code']), "g");
   63.             str = str.replace(re, '<img src="./images/smilies/' + smilies[id]['url'] + '" border="0" smilieid="' + id + '" alt="' + smilies[id]['code'] + '" />');
   64.         }
   66.     }
   68.     if(!fetchCheckbox('parseurloff')) {
   69.         str = str.replace(/^((http|https|ftp|rtsp|mms):[A-Za-z0-9/.//=/?%/-&_~`@':+!]+)/ig, '<a href="$1" target="_blank">$1</a>');
   70.         str = str.replace(/((http|https|ftp|rtsp|mms):[A-Za-z0-9/.//=/?%/-&_~`@':+!]+)$/ig, '<a href="$1" target="_blank">$1</a>');
   71.         str = str.replace(/[^>=/]""]((http|https|ftp|rtsp|mms):[A-Za-z0-9/.//=/?%/-&_~`@':+!]+)/ig, '<a href="$1" target="_blank">$1</a>');
   72.     }
   74.     if(!fetchCheckbox('bbcodeoff') && allowbbcode) {
   75.         str= str.replace(//[url/]/s*(www.|https?:|ftp:|gopher:|news:|telnet:|rtsp:|mms:|callto:|ed2k:){1}([^/[/"']+?)/s*/[//url/]/ig, function($1, $2, $3) {return cuturl($2 + $3);});
   76.         str= str.replace(//[url=www.([^/[/"']+?)/](.+?)/[//url/]/ig, '<a href="http://www.$1" target="_blank">$2</a>');
   77.         str= str.replace(//[url=(https?|ftp|gopher|news|telnet|rtsp|mms|callto|ed2k){1}:([^/[/"']+?)/]([/s/S]+?)/[//url/]/ig, '<a href="$1://$2" target="_blank">$3</a>');
   79.         str= str.replace(//[email/](.*?)/[//email/]/ig, '<a href="mailto:$1">$1</a>');
   81.         str= str.replace(//[email=(.[^/[]*)/](.*?)/[//email/]/ig, '<a href="mailto:$1" target="_blank">$2</a>');
   83.         str = str.replace(//[color=([^/[/<]+?)/]/ig, '<font color="$1">');
   85.         str = str.replace(//[size=(/d+?)/]/ig, '<font size="$1">');
   86.         str = str.replace(//[size=(/d+(px|pt|in|cm|mm|pc|em|ex|%)+?)/]/ig, '<font style="font-size: $1">');
   87.         str = str.replace(//[font=([^/[/<]+?)/]/ig, '<font face="$1">');
   88.         str = str.replace(//[align=([^/[/<]+?)/]/ig, '<p align="$1">');
   90.         re = //s*/[table(=(/d{1,3}%?))?/][/n/r]*([/s/S]+?)[/n/r]*/[//table/]/s*/ig;
   91.         str = str.replace(re, function($1, $2, $3, $4) {return parsetable($3, $4);});
   92.         str = str.replace(re, function($1, $2, $3, $4) {return parsetable($3, $4);});
   93.         str = str.replace(re, function($1, $2, $3, $4) {return parsetable($3, $4);});
   94.         str = str.replace(re, function($1, $2, $3, $4) {return parsetable($3, $4);});
   96.         var searcharray = new Array(
   97.             '///[color///]', '///[size///]', '///[font///]', '///[align///]', '///[b///]', '///[b///]',
   98.             '///[i///]', '///[i///]', '///[u///]', '///[u///]', '///[list///]', '///[list=1///]', '///[list=a///]',
   99.             '///[list=A///]', '///[///*///]', '///[list///]', '///[indent///]', '///[indent///]'
   100.         );
   101.         var replacearray = new Array(
   102.             '</font>', '</font>', '</font>', '</p>', '<b>', '</b>', '<i>',
   103.             '</i>', '<u>', '</u>', '<ul>', '<ol type=1>', '<ol type=a>',
   104.             '<ol type=A>', '<li>', '</ul></ol>', '<blockquote>', '</blockquote>'
   105.         );
   106.         var len = searcharray.length;
   107.         for(var i = 0; i < len; i++) {
   108.             re = new RegExp(searcharray[i], "ig");
   109.             str = str.replace(re, replacearray[i]);
   110.         }
   111.     }
   113.     if(!fetchCheckbox('bbcodeoff')) {
   114.         if(allowimgcode) {
   115.             str = str.replace(//[img/]/s*([^/[/</r/n]+?)/s*/[//img/]/ig, '<img src="$1" border="0" οnlοad="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=/'Click here to open new window//nCTRL+Mouse wheel to zoom in/out/';}" οnmοuseοver="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=/'hand/'; this.alt=/'Click here to open new window//nCTRL+Mouse wheel to zoom in/out/';}" οnclick="if(!this.resized) {return true;} else {window.open(/'$1/');}" onmousewheel="return imgzoom(this);" alt="" />');
   116.             str = str.replace(//[img=(/d{1,3})[x|/,](/d{1,3})/]/s*([^/[/</r/n]+?)/s*/[//img/]/ig, '<img width="$1" height="$2" src="$3" border="0" alt="" />');
   118.         } else {
   119.             str = str.replace(//[img/]/s*([^/[/</r/n]+?)/s*/[//img/]/ig, '<a href="$1" target="_blank">$1</a>');
   120.             str = str.replace(//[img=(/d{1,3})[x|/,](/d{1,3})/]/s*([^/[/</r/n]+?)/s*/[//img/]/ig, '<a href="$1" target="_blank">$1</a>');
   121.         }
   122.     }
   124.     for(var i = 0; i <= pcodecount; i++) {
   125.         str = str.replace("[/tDISCUZ_CODE_" + i + "/t]", codehtml[i]);
   126.     }
   128.     if(!forumallowhtml && !(allowhtml && fetchCheckbox('htmlon'))) {
   129.         str = str.replace(//t/ig, '        ');
   130.         str = str.replace(/   /ig, '   ');
   131.         str = str.replace(/  /ig, '  ');
   132.         str = str.replace(//r/n/ig, '<br />');
   133.         str = str.replace(/[/r/n]/ig, '<br />');
   134.     }
   136.     return(str);
   137. }
   139. function codetag(text) {
   140.     pcodecount++;
   142.     text = text.replace(/<br[^/>]*>/ig, "/n");
   143.     text = text.replace(/^[/n/r]*([/s/S]+?)[/n/r]*$/ig, '$1');
   144.     text = text.replace(/<(//|)[A-Za-z].*?>/ig, '');
   146.     codehtml[pcodecount] = "[code]" + text + "[/code]";
   147.     codecount++;
   148.     return "[/tDISCUZ_CODE_" + pcodecount + "/t]";
   149. }
   151. function cuturl(url) {
   152.     var length = 65;
   153.     var urllink = '<a href="' + (url.toLowerCase().substr(0, 4) == 'www.' ? 'http://' + url : url) + '" target="_blank">';
   154.     if(url.length > length) {
   155.         url = url.substr(0, parseInt(length * 0.5)) + ' ... ' + url.substr(url.length - parseInt(length * 0.3));
   156.     }
   157.     urllink += url + '</a>';
   158.     return urllink;
   159. }
   161. function dpstag(options, text, tagname) {
   162.     if(trim(text) == '') {
   163.         return '';
   164.     }
   165.     var pend = parsestyle(options, '', '');
   166.     var prepend = pend['prepend'];
   167.     var append = pend['append'];
   168.     if(in_array(tagname, ['div', 'p'])) {
   169.         align = getoptionvalue('align', options);
   170.         if(in_array(align, ['left', 'center', 'right'])) {
   171.             prepend = '[align=' + align + ']' + prepend;
   172.             append += '[/align]';
   173.         } else {
   174.             append += "/n";
   175.         }
   176.     }
   177.     return prepend + recursion(tagname, text, 'dpstag') + append;
   178. }
   180. function fetchCheckbox(cbn) {
   181.     return $(cbn) && $(cbn).checked == true ? 1 : 0;
   182. }
   184. function fetchoptionvalue(option, text) {
   185.     if((position = strpos(text, option)) !== false) {
   186.         delimiter = position + option.length;
   187.         if(text.charAt(delimiter) == '"') {
   188.             delimchar = '"';
   189.         } else if(text.charAt(delimiter) == '/'') {
   190.             delimchar = '/'';
   191.         } else {
   192.             delimchar = ' ';
   193.         }
   194.         delimloc = strpos(text, delimchar, delimiter + 1);
   195.         if(delimloc === false) {
   196.             delimloc = text.length;
   197.         } else if(delimchar == '"' || delimchar == '/'') {
   198.             delimiter++;
   199.         }
   200.         return trim(text.substr(delimiter, delimloc - delimiter));
   201.     } else {
   202.         return '';
   203.     }
   204. }
   206. function fonttag(fontoptions, text) {
   207.     var prepend = '';
   208.     var append = '';
   209.     var tags = new Array();
   210.     tags = {'font' : 'face=', 'size' : 'size=', 'color' : 'color='};
   211.     for(bbcode in tags) {
   212.         optionvalue = fetchoptionvalue(tags[bbcode], fontoptions);
   213.         if(optionvalue) {
   214.             prepend += '[' + bbcode + '=' + optionvalue + ']';
   215.             append = '[/' + bbcode + ']' + append;
   216.         }
   217.     }
   219.     var pend = parsestyle(fontoptions, prepend, append);
   220.     return pend['prepend'] + recursion('font', text, 'fonttag') + pend['append'];
   221. }
   223. function getoptionvalue(option, text) {
   224.     re = new RegExp(option + "(/s+?)?/=(/s+?)?[/"']?(.+?)([/"']|$|>)", "ig");
   225.     var matches = re.exec(text);
   226.     if(matches != null && matches.length) {
   227.         return trim(matches[3]);
   228.     }
   229.     return '';
   230. }
   232. function html2bbcode(str) {
   234.     str = trim(str);
   236.     if(str == '' || forumallowhtml || (allowhtml && fetchCheckbox('htmlon'))) {
   237.         return str;
   238.     }
   240.     str= str.replace(//s*/[code/]([/s/S]+?)/[//code/]/s*/ig, function($1, $2) {return codetag($2);});
   241.     str = str.replace(/<style.*?>[/s/S]*?<//style>/ig, '');
   242.     str = str.replace(/<script.*?>[/s/S]*?<//script>/ig, '');
   243.     str = str.replace(/<noscript.*?>[/s/S]*?<//noscript>/ig, '');
   244.     str = str.replace(/<select.*?>[/s/S]*?<//select>/ig, '');
   245.     str = str.replace(/<object.*?>[/s/S]*?<//object>/ig, '');
   246.     str = str.replace(/<!--[/s/S]*?-->/ig, '');
   247.     str = str.replace(/on[a-zA-Z]{3,16}/s?=/s?(["'])[/s/S]*?/1/ig, '');
   248.     str = str.replace(/(/r/n|/n|/r)/ig, '');
   250.     str = str.replace(/<table([^>]*width[^>]*)>/ig, function($1, $2) {return tabletag($2);});
   251.     str = str.replace(/<table[^>]*>/ig, '[table]');
   252.     str = str.replace(/<tr[^>]*>/ig, '[tr]');
   253.     str = str.replace(/<td>/ig, '[td]');
   254.     str = str.replace(/<td([^>]+)>/ig, function($1, $2) {return tdtag($2);});
   255.     str = str.replace(/<//td>/ig, '[/td]');
   256.     str = str.replace(/<//tr>/ig, '[/tr]');
   257.     str = str.replace(/<//table>/ig, '[/table]');
   259.     str = str.replace(/<h([0-9]+)[^>]*>(.*)<//h//1>/ig, "[size=$1]$2[/size]/n/n");
   260.     str = str.replace(/<img[^>]+smilieid=(["']?)(/d+)(/1)[^>]*>/ig, function($1, $2, $3) {return smilies[$3]['code'];});
   261.     str = str.replace(/<img([^>]*src[^>]*)>/ig, function($1, $2) {return imgtag($2);});
   262.     str = str.replace(/<a/s+?name=(["']?)(.+?)(/1)[/s/S]*?>([/s/S]*?)<//a>/ig, '$4');
   263.     str = str.replace(/<br[^/>]*>/ig, "/n");
   265.     str = recursion('b', str, 'simpletag', 'b');
   266.     str = recursion('strong', str, 'simpletag', 'b');
   267.     str = recursion('i', str, 'simpletag', 'i');
   268.     str = recursion('em', str, 'simpletag', 'i');
   269.     str = recursion('u', str, 'simpletag', 'u');
   270.     str = recursion('a', str, 'atag');
   271.     str = recursion('font', str, 'fonttag');
   272.     str = recursion('blockquote', str, 'simpletag', 'indent');
   273.     str = recursion('ol', str, 'listtag');
   274.     str = recursion('ul', str, 'listtag');
   275.     str = recursion('div', str, 'dpstag');
   276.     str = recursion('p', str, 'dpstag');
   277.     str = recursion('span', str, 'dpstag');
   279.     str = str.replace(/<[///!]*?[^<>]*?>/ig, '');
   281.     for(var i = 0; i <= pcodecount; i++) {
   282.         str = str.replace("[/tDISCUZ_CODE_" + i + "/t]", codehtml[i]);
   283.     }
   285.     str = str.replace(/&/ig, '&');
   286.     str = str.replace(/ /ig, ' ');
   287.     str = str.replace(/</ig, '<');
   288.     str = str.replace(/>/ig, '>');
   290.     return str
   291. }
   293. function htmlspecialchars(str) {
   295.     var f = new Array(
   296.         (is_mac && is_ie ? new RegExp('&', 'g') : new RegExp('&(?!#[0-9]+;)', 'g')),
   297.         new RegExp('<', 'g'),
   298.         new RegExp('>', 'g'),
   299.         new RegExp('"', 'g')
   300.     );
   301.     var r = new Array(
   302.         '&',
   303.         '<',
   304.         '>',
   305.         '"'
   306.     );
   308.     for(var i = 0; i < f.length; i++) {
   309.         str = str.replace(f[i], r[i]);
   310.     }
   312.     return str;
   313. }
   315. function imgtag(attributes) {
   316.     var width = '';
   317.     var height = '';
   319.     re = /src=(["']?)([/s/S]*?)(/1)/i;
   320.     var matches = re.exec(attributes);
   321.     if(matches != null) {
   322.         var src = matches[2];
   323.     } else {
   324.         return '';
   325.     }
   327.     re = /width=(["']?)(/d+)(/1)/i;
   328.     var matches = re.exec(attributes);
   329.     if(matches != null) {
   330.         width = matches[2];
   331.     }
   333.     re = /height=(["']?)(/d+)(/1)/i;
   334.     var matches = re.exec(attributes);
   335.     if(matches != null) {
   336.         height = matches[2];
   337.     }
   339.     return width > 0 && height > 0 ?
   340.         '[img=' + width + ',' + height + ']' + src + '[/img]' :
   341.         '[img]' + src + '[/img]';
   342. }
   344. function listtag(listoptions, text, tagname) {
   345.     text = text.replace(/<li>(([/s/S](?!<//li))*?)(?=<//?ol|<//?ul|<li|/[list|/[//list)/ig, '<li>$1</li>') + (is_opera ? '</li>' : '');
   346.     text = recursion('li', text, 'litag');
   347.     var opentag = '[list]';
   348.     if(tagname == 'ol') {
   349.         var listtype = fetchoptionvalue('type=', listoptions);
   350.         listtype = listtype != '' ? listtype : '1';
   351.         if(in_array(listtype, ['1', 'a', 'A'])) {
   352.             opentag = '[list=' + listtype + ']';
   353.         }
   354.     }
   355.     return text ? opentag + recursion(tagname, text, 'listtag') + '[/list]' : '';
   356. }
   358. function litag(listoptions, text) {
   359.     return '[*]' + text.replace(/(/s+)$/g, '');
   360. }
   362. function parsecode(text) {
   363.     pcodecount++;
   365.     text = text.replace(/^[/n/r]*([/s/S]+?)[/n/r]*$/ig, '$1');
   366.     text = htmlspecialchars(text);
   368.     codehtml[pcodecount] = '[code]' + text + '[/code]';
   370.     codecount++;
   371.     return "[/tDISCUZ_CODE_" + pcodecount + "/t]";
   372. }
   374. function parsestyle(tagoptions, prepend, append) {
   375.     var searchlist = [
   376.         ['align', true, 'text-align://s*(left|center|right);?', 1],
   377.         ['color', true, '^(?://s|)color://s*([^;]+);?', 1],
   378.         ['font', true, 'font-family://s*([^;]+);?', 1],
   379.         ['size', true, 'font-size://s*(//d+(px|pt|in|cm|mm|pc|em|ex|%|));?', 1],
   380.         ['b', false, 'font-weight://s*(bold);?'],
   381.         ['i', false, 'font-style://s*(italic);?'],
   382.         ['u', false, 'text-decoration://s*(underline);?']
   383.     ];
   384.     var style = getoptionvalue('style', tagoptions);
   385.     re = /^(?:/s|)color:/s*rgb/((/d+),/s*(/d+),/s*(/d+)/)(;?)/ig;
   386.     style = style.replace(re, function($1, $2, $3, $4, $5) {return("color:#" + parseInt($2).toString(16) + parseInt($3).toString(16) + parseInt($4).toString(16) + $5);});
   387.     var len = searchlist.length;
   388.     for(var i = 0; i < len; i++) {
   389.         re = new RegExp(searchlist[i][2], "ig");
   390.         match = re.exec(style);
   391.         if(match != null) {
   392.             opnvalue = match[searchlist[i][3]];
   393.             prepend += '[' + searchlist[i][0] + (searchlist[i][1] == true ? '=' + opnvalue + ']' : ']');
   394.             append = '[/' + searchlist[i][0] + ']' + append;
   395.         }
   396.     }
   397.     return {'prepend' : prepend, 'append' : append};
   398. }
   400. function parsetable(width, str) {
   401.     if(typeof width == 'undefined') {
   402.         var width = '';
   403.     } else {
   404.         width = width.substr(width.length - 1, width.length) == '%' ? (width.substr(0, width.length - 1) <= 98 ? width : '98%') : (width <= 560 ? width : '98%');
   405.     }
   407.     var string = '<table '
   408.         + (width == '' ? '' : 'width="' + width + '" ')
   409.         + 'align="center" class="t_table">';
   411.     str = str.replace(//[td=(/d{1,2}),(/d{1,2})(,(/d{1,3}%?))?/]/ig, '<td colspan="$1" rowspan="$2" width="$4">');
   412.     str = str.replace(//[tr/]/ig, '<tr>');
   413.     str = str.replace(//[td/]/ig, '<td>');
   414.     str = str.replace(//[//td/]/ig, '</td>');
   415.     str = str.replace(//[//tr/]/ig, '</tr>');
   417.     string += str;
   418.     string += '</table>';
   420.     return string;
   421. }
   423. function recursion(tagname, text, dofunction, extraargs) {
   424.     if(extraargs == null) {
   425.         extraargs = '';
   426.     }
   427.     tagname = tagname.toLowerCase();
   429.     var open_tag = '<' + tagname;
   430.     var open_tag_len = open_tag.length;
   431.     var close_tag = '</' + tagname + '>';
   432.     var close_tag_len = close_tag.length;
   433.     var beginsearchpos = 0;
   435.     do {
   436.         var textlower = text.toLowerCase();
   437.         var tagbegin = textlower.indexOf(open_tag, beginsearchpos);
   438.         if(tagbegin == -1) {
   439.             break;
   440.         }
   442.         var strlen = text.length;
   444.         var inquote = '';
   445.         var found = false;
   446.         var tagnameend = false;
   447.         var optionend = 0;
   448.         var t_char = '';
   450.         for(optionend = tagbegin; optionend <= strlen; optionend++) {
   451.             t_char = text.charAt(optionend);
   452.             if((t_char == '"' || t_char == "'") && inquote == '') {
   453.                 inquote = t_char;
   454.             } else if((t_char == '"' || t_char == "'") && inquote == t_char) {
   455.                 inquote = '';
   456.             } else if(t_char == '>' && !inquote) {
   457.                 found = true;
   458.                 break;
   459.             } else if((t_char == '=' || t_char == ' ') && !tagnameend) {
   460.                 tagnameend = optionend;
   461.             }
   462.         }
   464.         if(!found) {
   465.             break;
   466.         }
   467.         if(!tagnameend) {
   468.             tagnameend = optionend;
   469.         }
   471.         var offset = optionend - (tagbegin + open_tag_len);
   472.         var tagoptions = text.substr(tagbegin + open_tag_len, offset)
   473.         var acttagname = textlower.substr(tagbegin * 1 + 1, tagnameend - tagbegin - 1);
   475.         if(acttagname != tagname) {
   476.             beginsearchpos = optionend;
   477.             continue;
   478.         }
   480.         var tagend = textlower.indexOf(close_tag, optionend);
   481.         if(tagend == -1) {
   482.             break;
   483.         }
   485.         var nestedopenpos = textlower.indexOf(open_tag, optionend);
   486.         while(nestedopenpos != -1 && tagend != -1) {
   487.             if(nestedopenpos > tagend) {
   488.                 break;
   489.             }
   490.             tagend = textlower.indexOf(close_tag, tagend + close_tag_len);
   491.             nestedopenpos = textlower.indexOf(open_tag, nestedopenpos + open_tag_len);
   492.         }
   494.         if(tagend == -1) {
   495.             beginsearchpos = optionend;
   496.             continue;
   497.         }
   499.         var localbegin = optionend + 1;
   500.         var localtext = eval(dofunction)(tagoptions, text.substr(localbegin, tagend - localbegin), tagname, extraargs);
   502.         text = text.substring(0, tagbegin) + localtext + text.substring(tagend + close_tag_len);
   504.         beginsearchpos = tagbegin + localtext.length;
   506.     } while(tagbegin != -1);
   508.     return text;
   509. }
   511. function simpletag(options, text, tagname, parseto) {
   512.     if(trim(text) == '') {
   513.         return '';
   514.     }
   515.     text = recursion(tagname, text, 'simpletag', parseto);
   516.     return '[' + parseto + ']' + text + '[/' + parseto + ']';
   517. }
   519. function strpos(haystack, needle, offset) {
   520.     if(typeof offset == 'undefined') {
   521.         offset = 0;
   522.     }
   524.     index = haystack.toLowerCase().indexOf(needle.toLowerCase(), offset);
   526.     return index == -1 ? false : index;
   527. }
   529. function tabletag(attributes) {
   530.     var width = '';
   531.     re = /width=(["']?)(/d{1,3}%?)(/1)/ig;
   532.     var matches = re.exec(attributes);
   533.     if(matches != null && matches.length) {
   534.         width = matches[2].substr(matches[2].length - 1, matches[2].length) == '%' ?
   535.             (matches[2].substr(0, matches[2].length - 1) <= 98 ? matches[2] : '98%') :
   536.             (matches[2] <= 560 ? matches[2] : '98%');
   537.     } else {
   538.         re = /width/s?:/s?(/d{1,3})([px|%])/ig;
   539.         var matches = re.exec(attributes);
   540.         if(matches != null && matches.length) {
   541.             width = matches[2] == '%' ? (matches[1] <= 98 ? matches[1] : '98%') : (matches[1] <= 560 ? matches[1] : '98%');
   542.         }
   543.     }
   544.     return width == '' ? '[table]' : '[table=' + width + ']';
   545. }
   547. function tdtag(attributes) {
   549.     var colspan = 1;
   550.     var rowspan = 1;
   551.     var width = '';
   553.     re = /colspan=(["']?)(/d{1,2})(/1)/ig;
   554.     var matches = re.exec(attributes);
   555.     if(matches != null) {
   556.         colspan = matches[2];
   557.     }
   559.     re = /rowspan=(["']?)(/d{1,2})(/1)/ig;
   560.     var matches = re.exec(attributes);
   561.     if(matches != null) {
   562.         rowspan = matches[2];
   563.     }
   565.     re = /width=(["']?)(/d{1,3}%?)(/1)/ig;
   566.     var matches = re.exec(attributes);
   567.     if(matches != null) {
   568.         width = matches[2];
   569.     }
   571.     return in_array(width, ['', '0', '100%']) ?
   572.         (colspan == 1 && rowspan == 1 ? '[td]' : '[td=' + colspan + ',' + rowspan + ']') :
   573.         '[td=' + colspan + ',' + rowspan + ',' + width + ']';
   574. }
   576. function trim(str) {
   577.     return (str.replace(/(/s+)$/g, '')).replace(/^/s+/g, '');
   578. }
      4。新建ubb default.jsp

1. <%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
2. <html>
3. <head>
4. <meta http-equiv="Content-Type" content="text/html; charset=gbk">
5. <title>UBB编辑器</title>
6. <link rel="stylesheet" type="text/css" id="css" href="Images/ubb.css">
7. </head>
8. <body>
9. <form id="postform" method="post" >
10. <table  id="postcontent" cellpadding="0" border="0" class="editor"  bordercolor="#000000">
11. <tr>
12. <th colspan="2" >添加贴子</th>
13. </tr>
14. <tr>
15. <td width="26">标题</td>
16. <td width="640" style="text-align:left">
17. <input type="text" name="title"  size="42">
18. </td>
19. </tr>
20. <tr> 
21. <td>内容</td>
22. <td >
23. <div align="center">
24. <iframe class="editor" ID="Editor" name="Editor" src="edit.jsp?id=mssgcontent" frameBorder="0" marginHeight="0" marginWidth="0" scrolling="No" style="height:324px;width:100%"></iframe>
25. </div>
26. </td>
27. </tr>
28. <tr>
29. <td>
30. <textarea name="mssgcontent" id="mssgcontent" cols="80" rows="2" style="display:none"></textarea>
31. </td>
32. </tr>
33. <tr>
34. <td colspan="2">
35.     <div align="center">
36.       <input id="SubButton" name="SubButton" type="button" value="添加内容"> 
37.        
38.       <input type="reset" value="重新填写">
39.     </div></td>
40. </tr>
42. </table>
43. <br>
44. <br>
45. <table cellpadding="0" border="0" class="editor"  bordercolor="#000000" style="width:650px; height:250px">
46. <tr>
47. <th height="22" colspan="2" >转换后内容</th>
48. </tr>
49. <tr>
50. <td  width="42">
51. 内容：
52. </td>
53. <td width="630" valign="top" class="editor_text">
54. <div align="left">
55. <div id="reslut" name="reslut"></div>
56. </div>
57. </td>
58. </tr>
59. </table>
60. </form>
61. </body>
62. </html>

comm.js

 

 

1. /******************************************************************************
2.   Crossday Discuz! Board - Common Modules for Discuz!
3.   Copyright 2001-2006 Comsenz Inc. (http://www.comsenz.com)
4. *******************************************************************************/
6. var sPop = null;
7. var postSubmited = false;
9. var userAgent = navigator.userAgent.toLowerCase();
10. var is_opera = (userAgent.indexOf('opera') != -1);
11. var is_saf = ((userAgent.indexOf('applewebkit') != -1) || (navigator.vendor == 'Apple Computer, Inc.'));
12. var is_webtv = (userAgent.indexOf('webtv') != -1);
13. var is_ie = ((userAgent.indexOf('msie') != -1) && (!is_opera) && (!is_saf) && (!is_webtv));
14. var is_ie4 = ((is_ie) && (userAgent.indexOf('msie 4.') != -1));
15. var is_moz = ((navigator.product == 'Gecko') && (!is_saf));
16. var is_kon = (userAgent.indexOf('konqueror') != -1);
17. var is_ns = ((userAgent.indexOf('compatible') == -1) && (userAgent.indexOf('mozilla') != -1) && (!is_opera) && (!is_webtv) && (!is_saf));
18. var is_ns4 = ((is_ns) && (parseInt(navigator.appVersion) == 4));
19. var is_mac = (userAgent.indexOf('mac') != -1);
21. function ctlent(event) {
22.     
23. }
25. function storeCaret(textEl){
26.     if(textEl.createTextRange){
27.         textEl.caretPos = document.selection.createRange().duplicate();
28.     }
29. }
31. function checkall(form, prefix, checkall) {
32.     var checkall = checkall ? checkall : 'chkall';
33.     for(var i = 0; i < form.elements.length; i++) {
34.         var e = form.elements[i];
35.         if(e.name != checkall && (!prefix || (prefix && e.name.match(prefix)))) {
36.             e.checked = form.elements[checkall].checked;
37.         }
38.     }
39. }
41. function arraypop(a) {
42.     if(typeof a != 'object' || !a.length) {
43.         return null;
44.     } else {
45.         var response = a[a.length - 1];
46.         a.length--;
47.         return response;
48.     }
49. }
51. function arraypush(a, value) {
52.     a[a.length] = value;
53.     return a.length;
54. }
57. function findtags(parentobj, tag) {
58.     if(typeof parentobj.getElementsByTagName != 'undefined') {return parentobj.getElementsByTagName(tag);}
59.     else if(parentobj.all && parentobj.all.tags) {return parentobj.all.tags(tag);}
60.     else {return null;}
61. }
63. function copycode(obj) {
64.     var rng = document.body.createTextRange();
65.     rng.moveToElementText(obj);
66.     rng.scrollIntoView();
67.     rng.select();
68.     rng.execCommand("Copy");
69.     rng.collapse(false);
70. }
72. function toggle_collapse(objname, unfolded) {
73.     if(typeof unfolded == 'undefined') {
74.         var unfolded = 1;
75.     }
76.     var obj = $(objname);
77.     var oldstatus = obj.style.display;
78.     var collapsed = getcookie('discuz_collapse');
79.     var cookie_start = collapsed ? collapsed.indexOf(objname) : -1;
80.     var cookie_end = cookie_start + objname.length + 1;
82.     obj.style.display = oldstatus == 'none' ? '' : 'none';
83.     collapsed = cookie_start != -1 && ((unfolded && oldstatus == 'none') || (!unfolded && oldstatus == '')) ?
84.             collapsed.substring(0, cookie_start) + collapsed.substring(cookie_end, collapsed.length) : (
85.             cookie_start == -1 && ((unfolded && oldstatus == '') || (!unfolded && oldstatus == 'none')) ?
86.             collapsed + objname + ' ' : collapsed);
88.     expires = new Date();
89.     expires.setTime(expires.getTime() + (collapsed ? 86400 * 30 : -(86400 * 30 * 1000)));
90.     document.cookie = 'discuz_collapse=' + escape(collapsed) + '; expires=' + expires.toGMTString() + '; path=/';
92.     var img = $(objname + '_img');
93.     var img_regexp = new RegExp((oldstatus == 'none' ? '_yes' : '_no') + '//.gif$');
94.     var img_re = oldstatus == 'none' ? '_no.gif' : '_yes.gif'
95.     if(img) {
96.         img.src = img.src.replace(img_regexp, img_re);
97.     }
98. }
100. function imgzoom(o) {
101.     if(event.ctrlKey) {
102.         var zoom = parseInt(o.style.zoom, 10) || 100;
103.         zoom -= event.wheelDelta / 12;
104.         if(zoom > 0) {
105.             o.style.zoom = zoom + '%';
106.         }
107.         return false;
108.     } else {
109.         return true;
110.     }
111. }
113. function getcookie(name) {
114.     var cookie_start = document.cookie.indexOf(name);
115.     var cookie_end = document.cookie.indexOf(";", cookie_start);
116.     return cookie_start == -1 ? '' : unescape(document.cookie.substring(cookie_start + name.length + 1, (cookie_end > cookie_start ? cookie_end : document.cookie.length)));
117. }
119. function AddText(txt) {
120.     obj = $('message');
121.     selection = document.selection;
122.     checkFocus();
123.     if(typeof(obj.selectionStart) != 'undefined') {
124.         var opn = obj.selectionStart + 0;
125.         obj.value = obj.value.substr(0, obj.selectionStart) + txt + obj.value.substr(obj.selectionEnd);
126.     } else if(selection && selection.createRange) {
127.         var sel = selection.createRange();
128.         sel.text = txt;
129.         sel.moveStart('character', -mb_strlen(txt));
130.     } else {
131.         obj.value += txt;
132.     }
133. }
135. function insertAtCaret (textEl, text){
136.     if(textEl.createTextRange && textEl.caretPos){
137.         var caretPos = textEl.caretPos;
138.         caretPos.text += caretPos.text.charAt(caretPos.text.length - 2) == ' ' ? text + ' ' : text;
139.     } else if(textEl) {
140.         textEl.value += text;
141.     } else {
142.         textEl.value = text;
143.     }
144. }
146. function checkFocus() {
147.     var obj = typeof wysiwyg == 'undefined' || !wysiwyg ? $('posteditor_textarea') : editwin;
148.     if(!obj.hasfocus) {
149.         obj.focus();
150.     }
151. }
153. function closesmiliewindow(e) {
154.     if(typeof smiliewindow != 'undefined' && !smiliewindow.closed) {
155.         smiliewindow.close();
156.     }
157. }
159. function opensmiliewindow(width, height, editorid) {
160.     smiliewindow = window.open('post.php?action=smilies' + (editorid ? '&editorid=' + editorid : ''), 'Popup', 'width=' + width + ',height=' + height + ',resizable=yes,scrollbars=yes');
161.     window.onunload = closesmiliewindow;
162. }
164. function mb_strlen(str) {
165.     return (is_ie && str.indexOf('/n') != -1) ? str.replace(//r?/n/g, '_').length : str.length;
166. }
168. function insertSmiley(smilieid) {
169.     checkFocus();
170.     var src = $('smilie_' + smilieid).src;
171.     var code = $('smilie_' + smilieid).pop ? $('smilie_' + smilieid).pop : $('smilie_' + smilieid).alt;
172.     if(typeof wysiwyg != 'undefined' && wysiwyg && allowsmilies && (!$('smileyoff') || $('smileyoff').checked == false)) {
173.         if(is_moz) {
174.             applyFormat('InsertImage', false, src);
175.             var smilies = findtags(editdoc.body, 'img');
176.             for(var i = 0; i < smilies.length; i++) {
177.                 if(smilies[i].src == src && smilies[i].getAttribute('smilieid') < 1) {
178.                     smilies[i].setAttribute('smilieid', smilieid);
179.                     smilies[i].setAttribute('border', "0");
180.                 }
181.             }
182.         } else {
183.             insertText('<img src="' + src + '" border="0" smilieid="' + smilieid + '" alt="" /> ', false);
184.         }
185.     } else {
186.         code += ' ';
187.         AddText(code);
188.     }
189. }
191. function announcement() {
192.     $('announcement').innerHTML = '<marquee style="filter:progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=10, finishY=100,style=1,opacity=0,finishOpacity=100); margin: 0px 8px" direction="left" scrollamount="2" scrolldelay="1" onMouseOver="this.stop();" onMouseOut="this.start();">' +
193.         $('announcement').innerHTML + '</marquee>';
194.     $('announcement').style.display = 'block';
195. }
197. function $(id) {
198.     return document.getElementById(id);
199. }
202. function in_array(needle, haystack) {
203.     if(typeof needle == 'string') {
204.         for(var i in haystack) {
205.             if(haystack[i] == needle) {
206.                     return true;
207.             }
208.         }
209.     }
210.     return false;
211. }
213. document.write("<style type='text/css'id='defaultPopStyle'>");
214. document.write(".cPopText { font-family: Tahoma, Verdana; background-color: #FFFFCC; border: 1px #000000 solid; font-size: 12px; padding-right: 4px; padding-left: 4px; line-height: 18px; padding-top: 2px; padding-bottom: 2px; visibility: hidden; filter: Alpha(Opacity=80)}");
216. document.write("</style>");
217. document.write("<div id='popLayer' style='position:absolute;z-index:1000' class='cPopText'></div>");
219. function showPopupText(event) {
220.     if(event.srcElement) o = event.srcElement; else o = event.target;
221.     if(!o) {
222.         return;
223.     }
224.     MouseX = event.clientX;
225.     MouseY = event.clientY;
226.     if(o.alt != null && o.alt != '') {
227.         o.pop = o.alt;
228.         o.alt = '';
229.     }
230.     if(o.title != null && o.title != '') {
231.         o.pop = o.title;
232.         o.title = '';
233.     }
234.     if(o.pop != sPop) {
235.         sPop = o.pop;
236.         if(sPop == null || sPop == '') {
237.             $('popLayer').style.visibility = "hidden";
238.         } else {
239.             popStyle = o.dyclass != null ? o.dyclass : 'cPopText';
240.             $('popLayer').style.visibility = "visible";
241.             showIt();
242.         }
243.     }
244. }
246. function showIt() {
247.     $('popLayer').className = popStyle;
248.     $('popLayer').innerHTML = sPop.replace(/<(.*)>/g,"<$1>").replace(//n/g,"<br>");
249.     var popWidth = $('popLayer').clientWidth;
250.     var popHeight = $('popLayer').clientHeight;
251.     var popLeftAdjust = MouseX + 12 + popWidth > document.body.clientWidth ? -popWidth - 24 : 0;
252.     var popTopAdjust = MouseY + 12 + popHeight > document.body.clientHeight ? -popHeight - 24 : 0;
253.     $('popLayer').style.left = (MouseX + 12 + document.body.scrollLeft + popLeftAdjust) + 'px';
254.     $('popLayer').style.top = (MouseY + 12 + document.body.scrollTop + popTopAdjust) + 'px';
255. }
257. if(!document.onmouseover) {
258.     document.onmouseover = function(e) {
259.         var event = e ? e : window.event;
260.         showPopupText(event);
261.     };
262. }

editor.js

 

1. /******************************************************************************
2.   Crossday Discuz! Board - Editor Modules for Discuz!
3.   Copyright 2001-2006 Comsenz Inc. (http://www.comsenz.com)
4. *******************************************************************************/
6. var editbox = editwin = editdoc = null;
7. var cursor = -1;
8. var stack = new Array();
10. function newEditor(mode, initialtext) {
12.     wysiwyg = parseInt(mode);
13.     if(!(is_ie || is_moz || (is_opera && opera.version() >= 9))) {
14.         allowswitcheditor = wysiwyg = 0;
15.     }
16.     var bbcodemode = $('bbcodemode');
17.     var wysiwygmode = $('wysiwygmode');
18.     bbcodemode.className = wysiwyg ? 'editor_switcher' : 'editor_switcher_highlight';
19.     wysiwygmode.className = wysiwyg ? 'editor_switcher_highlight' : 'editor_switcher';
20.     if(!allowswitcheditor) {
21.         $(editorid + '_switcher').style.display = 'none';
22.     }
24.     $(editorid + '_cmd_table').style.display = wysiwyg ? '' : 'none';
26.     if(wysiwyg) {
27.         if($(editorid + '_iframe')) {
28.             editbox = $(editorid + '_iframe');
29.         } else {
30.             var iframe = document.createElement('iframe');
31.             editbox = textobj.parentNode.appendChild(iframe);
32.             editbox.id = editorid + '_iframe';
33.         }
35.         editwin = editbox.contentWindow;
36.         editdoc = editwin.document;
37.         writeEditorContents(isUndefined(initialtext) ?  textobj.value : initialtext);
38.     } else {
39.         editbox = textobj;
40.         editwin = textobj;
41.         editdoc = textobj;
42.         if(!isUndefined(initialtext)) {
43.             writeEditorContents(initialtext);
44.         }
45.         addSnapshot(textobj.value);
46.     }
47.     setEditorEvents();
48. }
51. function writeEditorContents(text) {
52.     if(wysiwyg) {
53.         if(text == '' && window.is_moz) {
54.             text = '<br />';
55.         }
56.         if(editdoc && editdoc.initialized) {
57.             editdoc.body.innerHTML = text;
58.         } else {
59.             editdoc.designMode = 'on';
60.             editdoc = editwin.document;
61.             editdoc.open('text/html', 'replace');
62.             editdoc.write(text);
63.             editdoc.close();
64.             editdoc.body.contentEditable = true;
65.             editdoc.initialized = true;
66.         }
67.     } else {
68.         textobj.value = text;
69.     }
71.     setEditorStyle();
73. }
75. function getEditorContents() {
76.     return wysiwyg ? editdoc.body.innerHTML : editdoc.value;
77. }
79. function setEditorStyle() {
80.     if(wysiwyg) {
81.         textobj.style.display = 'none';
82.         editbox.style.display = '';
84.         if(window.is_moz || window.is_opera) {
85.             for(var ss = 0; ss < document.styleSheets.length; ss++) {
86.                 if(document.styleSheets[ss].cssRules.length <= 0) {
87.                     continue;
88.                 }
89.                 for(var i = 0; i < document.styleSheets[ss].cssRules.length; i++) {
90.                     if(document.styleSheets[ss].cssRules[i].selectorText == '.wysiwyg') {
91.                         var newss = editdoc.createElement('style');
92.                         newss.type = 'text/css';
93.                         newss.innerHTML = document.styleSheets[ss].cssRules[i].cssText + ' p { margin: 0px; }';
94.                         editdoc.documentElement.childNodes[0].appendChild(newss);
95.                         editdoc.body.style.fontSize = document.styleSheets[ss].cssRules[i].style.fontSize;
96.                         editdoc.body.style.fontFamily = document.styleSheets[ss].cssRules[i].style.fontFamily;
97.                     }
98.                 }
99.             }
100.             editbox.style.border = '0px';
101.         } else if(window.is_ie) {
102.             if(document.styleSheets['css']) {
103.                 editdoc.createStyleSheet().cssText = document.styleSheets['css'].cssText + ' p { margin: 0px; }';
104.                 editdoc.body.className = 'wysiwyg';
105.             }
106.             editdoc.body.style.border = '0px';
107.         }
108.         editbox.style.width = textobj.style.width;
109.         editbox.style.height = textobj.style.height;
110.         editdoc.body.style.background = '';
111.         editdoc.body.style.backgroundColor = '#FFFFFF';
113.     } else {
114.         var iframe = textobj.parentNode.getElementsByTagName('iframe')[0];
115.         if(iframe) {
116.             textobj.style.display = '';
117.             textobj.style.width = iframe.style.width;
118.             textobj.style.height = iframe.style.height;
119.             iframe.style.display = 'none';
120.         }
121.     }
122. }
124. function setEditorEvents() {
125.     if(wysiwyg) {
126.         if(window.is_moz || window.is_opera) {
127.             editdoc.addEventListener('mouseup', function(e) {setContext(); popupmenu.hide();}, true);
128.             editdoc.addEventListener('keyup', function(e) {setContext();}, true);
129.             editwin.addEventListener('focus', function(e) {this.hasfocus = true;}, true);
130.             editwin.addEventListener('blur', function(e) {this.hasfocus = false;}, true);
131.             //editwin.addEventListener('keydown', function(e) {ctlent(e);}, true);
132.         } else {
133.             editdoc.onmouseup = function(e) {setContext(); popupmenu.hide();};
134.             editdoc.onkeyup = function(e) {setContext();};
135.             if(editdoc.attachEvent) {
136.                 //editdoc.body.attachEvent("onkeydown", ctlent);
137.             }
138.         }
139.     }
140.     editwin.onfocus = function(e) {this.hasfocus = true;};
141.     editwin.onblur = function(e) {this.hasfocus = false;};
142. }
144. function wrapTags(tagname, useoption, selection) {
146.     if(tagname=='code') {
147.         applyFormat('removeformat');
148.     }
150.     if(isUndefined(selection)) {
151.         var selection = getSel();
152.         if(selection === false) {
153.             selection = '';
154.         } else {
155.             selection += '';
156.         }
157.     }
159.     if(useoption === true) {
160.         var option = showPrompt(construct_phrase(lang['enter_tag_option'], ('[' + tagname + ']')), '');
161.         if(option = verifyPrompt(option)) {
162.             var opentag = '[' + tagname + '=' + option + ']';
163.         } else {
164.             return false;
165.         }
166.     } else if(useoption !== false) {
167.         var opentag = '[' + tagname + '=' + useoption + ']';
168.     } else {
169.         var opentag = '[' + tagname + ']';
170.     }
172.     var closetag = '[/' + tagname + ']';
173.     var text = opentag + selection + closetag;
174.     insertText(text, mb_strlen(opentag), mb_strlen(closetag));
176.     return false;
177. }
179. function applyFormat(cmd, dialog, argument) {
181.     if(wysiwyg) {
182.         editdoc.execCommand(cmd, (isUndefined(dialog) ? false : dialog), (isUndefined(argument) ? true : argument));
183.         return false;
184.     }
185.     switch(cmd) {
186.         case 'bold':
187.         case 'italic':
188.         case 'underline':
189.             wrapTags(cmd.substr(0, 1), false);
190.             break;
191.         case 'justifyleft':
192.         case 'justifycenter':
193.         case 'justifyright':
194.             wrapTags('align', cmd.substr(7));
195.             break;
196.         case 'indent':
197.             wrapTags(cmd, false);
198.             break;
199.         case 'fontname':
200.             wrapTags('font', argument);
201.             break;
202.         case 'fontsize':
203.             wrapTags('size', argument);
204.             break;
205.         case 'forecolor':
206.             wrapTags('color', argument);
207.             break;
208.         case 'createlink':
209.             var sel = getSel();
210.             if(sel) {
211.                 wrapTags('url', argument);
212.             } else {
213.                 wrapTags('url', argument, argument);
214.             }
215.             break;
216.         case 'insertimage':
217.             wrapTags('img', false, argument);
218.             break;
219.     }
220. }
222. function customTags(tagname, params) {
223.     applyFormat('removeformat');
225.     if(custombbcodes[tagname].indexOf(']') == -1) {
226.         custombbcodes[tagname] = '[' + tagname + '][/' + tagname + ']';
227.     }
229.     if(params == 1) {
230.         var selection = getSel();
231.         if(selection === false) {
232.             selection = '';
233.         } else {
234.             selection += '';
235.         }
237.         var opentag = '[' + tagname + ']';
238.         var closetag = '[/' + tagname + ']';
239.         var text = opentag + selection + closetag;
240.         selection == '' ? insertText(custombbcodes[tagname], mb_strlen('[' + tagname + ']'), mb_strlen('[/' + tagname + ']')) : insertText(text, mb_strlen(opentag), mb_strlen(closetag));
241.     } else {
242.         insertText(custombbcodes[tagname], custombbcodes[tagname].indexOf(']') + 1, mb_strlen('[/' + tagname + ']'));
243.     }
245.     return false;
246. }
248. function discuzcode(cmd, arg) {
249.     if(cmd != 'redo') {
250.         addSnapshot(getEditorContents());
251.     }
253.     checkFocus();
255.     if(in_array(cmd, ['quote', 'code'])) {
256.         var ret = wrapTags(cmd, false);
257.     } else if(cmd.substr(0, 6) == 'custom') {
258.         var ret = customTags(cmd.substr(8), cmd.substr(6, 1));
259.     } else if(!wysiwyg && cmd == 'removeformat') {
260.         var simplestrip = new Array('b', 'i', 'u');
261.         var complexstrip = new Array('font', 'color', 'size');
263.         var str = getSel();
264.         if(str === false) {
265.             return;
266.         }
267.         for(var tag in simplestrip) {
268.             str = stripSimple(simplestrip[tag], str);
269.         }
270.         for(var tag in complexstrip) {
271.             str = stripComplex(complexstrip[tag], str);
272.         }
273.         insertText(str);
274.     } else if(!wysiwyg && cmd == 'undo') {
275.         addSnapshot(getEditorContents());
276.         moveCursor(-1);
277.         if((str = getSnapshot()) !== false) {
278.             editdoc.value = str;
279.         }
280.     } else if(!wysiwyg && cmd == 'redo') {
281.         moveCursor(1);
282.         if((str = getSnapshot()) !== false) {
283.             editdoc.value = str;
284.         }
285.     } else if(!wysiwyg && in_array(cmd, ['insertorderedlist', 'insertunorderedlist'])) {
286.         var listtype = cmd == 'insertorderedlist' ? '1' : '';
287.         var opentag = '[list' + (listtype ? ('=' + listtype) : '') + ']/n';
288.         var closetag = '[/list]';
290.         if(txt = getSel()) {
291.             var regex = new RegExp('([/r/n]+|^[/r/n]*)(?!//[//*//]|//[///?list)(?=[^/r/n])', 'gi');
292.             txt = opentag + trim(txt).replace(regex, '$1[*]') + '/n' + closetag;
293.             insertText(txt, mb_strlen(txt), 0);
294.         } else {
295.             insertText(opentag + closetag, opentag.length, closetag.length);
297.             while(listvalue = prompt(lang['enter_list_item'], '')) {
298.                 if(window.is_opera && opera.version() > 8) {
299.                     listvalue = '/n' + '[*]' + listvalue;
300.                     insertText(listvalue, mb_strlen(listvalue) + 1, 0);
301.                 } else {
302.                     listvalue = '[*]' + listvalue + '/n';
303.                     insertText(listvalue, mb_strlen(listvalue), 0);
304.                 }
305.             }
306.         }
307.     } else if(!wysiwyg && cmd == 'outdent') {
308.         var sel = getSel();
309.         sel = stripSimple('indent', sel, 1);
310.         insertText(sel);
311.     } else if(cmd == 'createlink') {
312.         if(wysiwyg) {
313.             if(window.is_moz || window.is_opera) {
314.                 var url = showPrompt(lang['enter_link_url'], 'http://');
315.                 if((url = verifyPrompt(url)) !== false) {
316.                     if(getSel()) {
317.                         applyFormat('unlink');
318.                         applyFormat('createlink', window.is_ie, (isUndefined(url) ? true : url));
319.                     } else {
320.                         insertText('<a href="' + url + '">' + url + '</a>');
321.                     }
322.                 }
323.             } else {
324.                 applyFormat('createlink', window.is_ie, (isUndefined(url) ? true : url));
325.             }
326.         } else {
327.             promptLink('url', lang['enter_link_url'], 'http://');
328.         }
329.     } else if(!wysiwyg && cmd == 'unlink') {
330.         var sel = getSel();
331.         sel = stripSimple('url', sel);
332.         sel = stripComplex('url', sel);
333.         insertText(sel);
334.     } else if(cmd == 'email') {
335.         if(wysiwyg) {
336.             var email = showPrompt(lang['enter_email_link'], '');
337.             email = verifyPrompt(email);
339.             if(email === false) {
340.                 applyFormat('unlink');
341.             } else {
342.                 var selection = getSel();
343.                 insertText('<a href="mailto:' + email + '">' + (selection ? selection : email) + '</a>', (selection ? true : false));
344.             }
345.         } else {
346.             promptLink('email', lang['enter_email_link'], '');
347.         }
348.     } else if(cmd == 'insertimage') {
349.         var img = showPrompt(lang['enter_image_url'], 'http://');
350.         if(img = verifyPrompt(img)) {
351.             return applyFormat('insertimage', false, img);
352.         } else {
353.             return false;
354.         }
355.     } else if(cmd == 'table') {
356.         if(wysiwyg) {
357.             if(isUndefined(rows)) {
358.                 var rows = showPrompt(lang['enter_table_rows'], '2');
359.             }
360.             if(rows != 'null' && isUndefined(columns)) {
361.                 var columns = showPrompt(lang['enter_table_columns'], '2');
362.             }
363.             if(!isUndefined(columns) && columns != 'null') {
364.                 rows = /^[-/+]?/d+$/.test(rows) && rows > 0 && rows <= 30 ? rows : 2;
365.                 columns = /^[-/+]?/d+$/.test(columns) && columns > 0 && columns <= 30 ? columns : 2;
366.                 var html = '<table cellspacing="1" cellpadding="4" width="50%" align="center" style="background: ' + BORDERCOLOR + '">';
367.                 for (var row = 0; row < rows; row++) {
368.                     html += '<tr bgcolor="' + ALTBG2 + '">/n';
369.                     for (col = 0; col < columns; col++) {
370.                         html += '<td> </td>/n';
371.                     }
372.                     html+= '</tr>/n';
373.                 }
374.                 html += '</table>/n';
375.                 insertText(html);
376.             }
377.         }
378.         return false;
379.     } else {
380.         var ret = applyFormat(cmd, false, (isUndefined(arg) ? true : arg));
381.     }
383.     if(cmd != 'undo') {
384.         addSnapshot(getEditorContents());
385.     }
386.     if(wysiwyg) {
387.         setContext(cmd);
388.         if(cmd == 'forecolor') {
389.             $(editorid + '_color_bar').style.backgroundColor = arg;
390.         }
391.     }
392.     checkFocus();
393.     return ret;
394. }
396. function setContext(cmd) {
397.     var contextcontrols = new Array('bold', 'italic', 'underline', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'insertunorderedlist');
398.     for(var i in contextcontrols) {
399.         var obj = $(editorid + '_cmd_' + contextcontrols[i]);
400.         if(obj != null) {
401.             try {
402.                 var state = editdoc.queryCommandState(contextcontrols[i]);
403.             } catch(e) {
404.                 var state = false;
405.             }
406.             if(isUndefined(obj.state)) {
407.                 obj.state = false;
408.             }
409.             if(obj.state != state) {
410.                 obj.state = state;
411.                 buttonContext(obj, (obj.id.substr(obj.id.indexOf('_cmd_') + 5) == cmd ? 'mouseover' : 'mouseout'));
412.             }
413.         }
414.     }
416.     var fs = editdoc.queryCommandValue('fontname');
417.     if(fs == '' && !window.is_ie && getComputedStyle) {
418.         fs = editdoc.body.style.fontFamily;
419.     } else if(fs == null) {
420.         fs = '';
421.     }
422.     if(fs != $(editorid + '_font_out').fontstate) {
423.         thingy = fs.indexOf(',') > 0 ? fs.substr(0, fs.indexOf(',')) : fs;
424.         $(editorid + '_font_out').innerHTML = thingy;
425.         $(editorid + '_font_out').fontstate = fs;
426.     }
428.     var ss = editdoc.queryCommandValue('fontsize');
429.     if(ss == null || ss == '') {
430.         ss = formatFontsize(editdoc.body.style.fontSize);
431.     }
432.     if(ss != $(editorid + '_size_out').sizestate) {
433.         if($(editorid + '_size_out').sizestate == null) {
434.             $(editorid + '_size_out').sizestate = '';
435.         }
436.         $(editorid + '_size_out').innerHTML = ss;
437.         $(editorid + '_size_out').sizestate = ss;
438.     }
440.     var cs = editdoc.queryCommandValue('forecolor');
441.     $(editorid + '_color_bar').style.backgroundColor = rgbToColor(cs);
442. }
444. function buttonContext(obj, state) {
445.     if(state == 'mouseover') {
446.         var mode = obj.state ? 'down' : 'hover';
447.         if(obj.mode != mode) {
448.             obj.mode = mode;
449.             obj.className = 'editor_button' + mode;
450.         }
451.     } else {
452.         var mode = obj.state ? 'selected' : 'normal';
453.         if(obj.mode != mode) {
454.             obj.mode = mode;
455.             obj.className = mode == 'selected' ? 'editor_buttonselected' : 'editor_button' + 'normal';
456.         }
457.     }
458.     if(window.is_ie && event) {
459.         event.cancelBubble = true;
460.     }
461. }
463. function menuContext(obj, state) {
464.     obj.style.cursor = window.is_ie ? 'hand' : 'pointer';
465.     var mode = state == 'mouseover' ? 'hover' : 'normal';
466.     obj.className = 'editor_button' + mode;
467.     var tds = findtags(obj, 'td');
468.     for(var i = 0; i < tds.length; i++) {
469.         if(tds[i].id == editorid + '_menu') {
470.             tds[i].className = 'editor_menu' + mode;
471.         } else if(tds[i].id == editorid + '_colormenu') {
472.             tds[i].className = 'editor_colormenu' + mode;
473.         }
474.     }
475. }
477. function colorContext(obj, state) {
478.     obj.style.cursor = window.is_ie ? 'hand' : 'pointer';
479.     var mode = state == 'mouseover' ? 'hover' : 'normal';
480.     obj.className = 'editor_color' + mode;
481. }
483. function getSel() {
484.     if(wysiwyg) {
485.         if(window.is_moz || window.is_opera) {
486.             selection = editwin.getSelection();
487.             checkFocus();
488.             range = selection ? selection.getRangeAt(0) : editdoc.createRange();
489.             return readNodes(range.cloneContents(), false);
490.         } else {
491.             var range = editdoc.selection.createRange();
492.             if(range.htmlText && range.text) {
493.                 return range.htmlText;
494.             } else {
495.                 var htmltext = '';
496.                 for(var i = 0; i < range.length; i++) {
497.                     htmltext += range.item(i).outerHTML;
498.                 }
499.                 return htmltext;
500.             }
501.         }
502.     } else {
503.         if(!isUndefined(editdoc.selectionStart)) {
504.             return editdoc.value.substr(editdoc.selectionStart, editdoc.selectionEnd - editdoc.selectionStart);
505.         } else if(document.selection && document.selection.createRange) {
506.             return document.selection.createRange().text;
507.         } else if(getSelection) {
508.             return getSelection() + '';
509.         } else {
510.             return false;
511.         }
512.     }
513. }
515. function insertText(text, movestart, moveend) {
516.     if(wysiwyg) {
517.         if(window.is_moz || window.is_opera) {
518.             var fragment = editdoc.createDocumentFragment();
519.             var holder = editdoc.createElement('span');
520.             holder.innerHTML = text;
522.             while(holder.firstChild) {
523.                 fragment.appendChild(holder.firstChild);
524.             }
525.             insertNodeAtSelection(fragment);
526.         } else {
527.             checkFocus();
528.             if(!isUndefined(editdoc.selection) && editdoc.selection.type != 'Text' && editdoc.selection.type != 'None') {
529.                 movestart = false;
530.                 editdoc.selection.clear();
531.             }
533.             var sel = editdoc.selection.createRange();
535.             sel.pasteHTML(text);
537.             if(text.indexOf('/n') == -1) {
538.                 if(!isUndefined(movestart)) {
539.                     sel.moveStart('character', -mb_strlen(text) +movestart);
540.                     sel.moveEnd('character', -moveend);
541.                 } else if(movestart != false) {
542.                     sel.moveStart('character', -mb_strlen(text));
543.                 }
544.             }
545.         }
546.     } else {
548.         checkFocus();
549.         if(!isUndefined(editdoc.selectionStart)) {
551.             var opn = editdoc.selectionStart + 0;
553.             editdoc.value = editdoc.value.substr(0, editdoc.selectionStart) + text + editdoc.value.substr(editdoc.selectionEnd);
555.             if(!isUndefined(movestart)) {
556.                 editdoc.selectionStart = opn + movestart;
557.                 editdoc.selectionEnd = opn + mb_strlen(text) - moveend;
558.             } else if(movestart !== false) {
559.                 editdoc.selectionStart = opn;
560.                 editdoc.selectionEnd = opn + mb_strlen(text);
561.             }
562.         } else if(document.selection && document.selection.createRange) {
564.             var sel = document.selection.createRange();
565.             sel.text = text.replace(//r?/n/g, '/r/n');
567.             if(!isUndefined(movestart)) {
568.                 sel.moveStart('character', -mb_strlen(text) +movestart);
569.                 sel.moveEnd('character', -moveend);
570.             } else if(movestart !== false) {
571.                 sel.moveStart('character', -mb_strlen(text));
572.             }
573.             sel.select();
574.         } else {
575.             editdoc.value += text;
576.         }
577.     }
578. }
580. function isUndefined(variable) {
581.     return typeof variable == 'undefined' ? true : false;
582. }
585. function showPrompt(dialogtxt, defaultval) {
586.     return trim(prompt(dialogtxt, defaultval) + '');
587. }
589. function verifyPrompt(str) {
590.     if(in_array(str, ['http://', 'null', 'undefined', 'false', '']) || str == null || str == false) {
591.         return false;
592.     } else {
593.         return str;
594.     }
595. }
597. function promptLink(tagname, phrase, iprompt) {
598.     var value = showPrompt(phrase, iprompt);
599.     if((value = verifyPrompt(value)) !== false) {
600.         if(getSel()) {
601.             applyFormat('unlink');
602.             wrapTags(tagname, value);
603.         } else {
604.             wrapTags(tagname, value, value);
605.         }
606.     }
607.     return true;
608. }
610. function trim(str) {
611.     return (str.replace(/(/s+)$/g, '')).replace(/^/s+/g, '');
612. }
614. function stripSimple(tag, str, iterations) {
615.     var opentag = '[' + tag + ']';
616.     var closetag = '[/' + tag + ']';
618.     if(isUndefined(iterations)) {
619.         iterations = -1;
620.     }
621.     while((startindex = stripos(str, opentag)) !== false && iterations != 0) {
622.         iterations --;
623.         if((stopindex = stripos(str, closetag)) !== false) {
624.             var text = str.substr(startindex + opentag.length, stopindex - startindex - opentag.length);
625.             str = str.substr(0, startindex) + text + str.substr(stopindex + closetag.length);
626.         } else {
627.             break;
628.         }
629.     }
630.     return str;
631. }
633. function stripComplex(tag, str, iterations) {
634.     var opentag = '[' + tag + '=';
635.     var closetag = '[/' + tag + ']';
637.     if(isUndefined(iterations)) {
638.         iterations = -1;
639.     }
640.     while((startindex = stripos(str, opentag)) !== false && iterations != 0) {
641.         iterations --;
642.         if((stopindex = stripos(str, closetag)) !== false) {
643.             var openend = stripos(str, ']', startindex);
644.             if(openend !== false && openend > startindex && openend < stopindex) {
645.                 var text = str.substr(openend + 1, stopindex - openend - 1);
646.                 str = str.substr(0, startindex) + text + str.substr(stopindex + closetag.length);
647.             } else {
648.                 break;
649.             }
650.         } else {
651.             break;
652.         }
653.     }
654.     return str;
655. }
657. function stripos(haystack, needle, offset) {
658.     if(isUndefined(offset)) {
659.         offset = 0;
660.     }
661.     var index = haystack.toLowerCase().indexOf(needle.toLowerCase(), offset);
663.     return (index == -1 ? false : index);
664. }
666. function switchEditor(mode) {
668.     mode = parseInt(mode);
669.     if(mode == wysiwyg || !allowswitcheditor)  {
670.         return;
671.     }
672.     if(!mode) {
673.         var controlbar = $(editorid + '_controls');
674.         var controls = new Array();
675.         var buttons = findtags(controlbar, 'div');
676.         var buttonslength = buttons.length;
677.         for(var i = 0; i < buttonslength; i++) {
678.             if(buttons[i].id) {
679.                 controls[controls.length] = buttons[i].id;
680.             }
681.         }
682.         var controlslength = controls.length;
683.         for(var i = 0; i < controlslength; i++) {
684.             var control = $(controls[i]);
686.             if(control.id.indexOf(editorid + '_cmd_') != -1) {
687.                 control.className = 'editor_buttonnormal';
688.                 control.state = false;
689.                 control.mode = 'normal';
690.             } else if(control.id.indexOf(editorid + '_popup_') != -1) {
691.                 control.state = false;
692.             }
693.         }
694.     }
695.     cursor = -1;
696.     stack = new Array();
697.     $(editorid + '_font_out').innerHTML = lang['fontname'];
698.     $(editorid + '_size_out').innerHTML = lang['fontsize'];
699.     $(editorid + '_font_out').fontstate = null;
700.     $(editorid + '_size_out').sizestate = null;
701.     $(editorid + '_color_bar').style.backgroundColor = '#000000';
702.     var parsedtext = getEditorContents();
703.     parsedtext = mode ? bbcode2html(parsedtext) : html2bbcode(parsedtext);
704.     wysiwyg = mode;
705.     $(editorid + '_mode').value = mode;
707.     newEditor(mode, parsedtext);
708.     checkFocus();
709. }
711. function formatFontsize(csssize) {
712.     switch(csssize) {
713.         case '7.5pt':
714.         case '10px': return 1;
715.         case '10pt': return 2;
716.         case '12pt': return 3;
717.         case '14pt': return 4;
718.         case '18pt': return 5;
719.         case '24pt': return 6;
720.         case '36pt': return 7;
721.         default:     return lang['fontsize'];
722.     }
723. }
725. function rgbToColor(forecolor) {
726.     if(!window.is_moz && !window.is_opera) {
727.         return rgbhexToColor((forecolor & 0xFF).toString(16), ((forecolor >> 8) & 0xFF).toString(16), ((forecolor >> 16) & 0xFF).toString(16));
728.     }
729.     if(forecolor == '' || forecolor == null) {
730.         forecolor = getComputedStyle(editdoc.body, null).getPropertyValue('color');
731.     }
732.     if(forecolor.toLowerCase().indexOf('rgb') == 0) {
733.         var matches = forecolor.match(/^rgb/s*/(([0-9]+),/s*([0-9]+),/s*([0-9]+)/)$/);
734.         if(matches) {
735.             return rgbhexToColor((matches[1] & 0xFF).toString(16), (matches[2] & 0xFF).toString(16), (matches[3] & 0xFF).toString(16));
736.         } else {
737.             return rgbToColor(null);
738.         }
739.     } else {
740.         return forecolor;
741.     }
742. }
744. function rgbhexToColor(r, g, b) {
745.     var coloroptions = {'#000000' : 'Black', '#a0522d' : 'Sienna', '#556b2f' : 'DarkOliveGreen', '#006400' : 'DarkGreen', '#483d8b' : 'DarkSlateBlue', '#000080' : 'Navy', '#4b0082' : 'Indigo', '#2f4f4f' : 'DarkSlateGray', '#8b0000' : 'DarkRed', '#ff8c00' : 'DarkOrange', '#808000' : 'Olive', '#008000' : 'Green', '#008080' : 'Teal', '#0000ff' : 'Blue', '#708090' : 'SlateGray', '#696969' : 'DimGray', '#ff0000' : 'Red', '#f4a460' : 'SandyBrown', '#9acd32' : 'YellowGreen', '#2e8b57' : 'SeaGreen', '#48d1cc' : 'MediumTurquoise', '#4169e1' : 'RoyalBlue', '#800080' : 'Purple', '#808080' : 'Gray', '#ff00ff' : 'Magenta', '#ffa500' : 'Orange', '#ffff00' : 'Yellow', '#00ff00' : 'Lime', '#00ffff' : 'Cyan', '#00bfff' : 'DeepSkyBlue', '#9932cc' : 'DarkOrchid', '#c0c0c0' : 'Silver', '#ffc0cb' : 'Pink', '#f5deb3' : 'Wheat', '#fffacd' : 'LemonChiffon', '#98fb98' : 'PaleGreen', '#afeeee' : 'PaleTurquoise', '#add8e6' : 'LightBlue', '#dda0dd' : 'Plum', '#ffffff' : 'White'};
746.     return coloroptions['#' + (str_pad(r, 2, 0) + str_pad(g, 2, 0) + str_pad(b, 2, 0))];
747. }
749. function str_pad(text, length, padstring) {
750.     text += '';
751.     padstring += '';
753.     if(text.length < length) {
754.         padtext = padstring;
756.         while(padtext.length < (length - text.length)) {
757.             padtext += padstring;
758.         }
760.         text = padtext.substr(0, (length - text.length)) + text;
761.     }
763.     return text;
764. }
766. function insertNodeAtSelection(text) {
767.     checkFocus();
769.     var sel = editwin.getSelection();
770.     var range = sel ? sel.getRangeAt(0) : editdoc.createRange();
771.     sel.removeAllRanges();
772.     range.deleteContents();
774.     var node = range.startContainer;
775.     var pos = range.startOffset;
777.     switch(node.nodeType) {
778.         case Node.ELEMENT_NODE:
779.             if(text.nodeType == Node.DOCUMENT_FRAGMENT_NODE) {
780.                 selNode = text.firstChild;
781.             } else {
782.                 selNode = text;
783.             }
784.             node.insertBefore(text, node.childNodes[pos]);
785.             add_range(selNode);
786.             break;
788.         case Node.TEXT_NODE:
789.             if(text.nodeType == Node.TEXT_NODE) {
790.                 var text_length = pos + text.length;
791.                 node.insertData(pos, text.data);
792.                 range = editdoc.createRange();
793.                 range.setEnd(node, text_length);
794.                 range.setStart(node, text_length);
795.                 sel.addRange(range);
796.             } else {
797.                 node = node.splitText(pos);
798.                 var selNode;
799.                 if(text.nodeType == Node.DOCUMENT_FRAGMENT_NODE) {
800.                     selNode = text.firstChild;
801.                 } else {
802.                     selNode = text;
803.                 }
804.                 node.parentNode.insertBefore(text, node);
805.                 add_range(selNode);
806.             }
807.             break;
808.     }
809. }
811. function add_range(node) {
812.     checkFocus();
813.     var sel = editwin.getSelection();
814.     var range = editdoc.createRange();
815.     range.selectNodeContents(node);
816.     sel.removeAllRanges();
817.     sel.addRange(range);
818. }
820. function readNodes(root, toptag) {
821.     var html = "";
822.     var moz_check = /_moz/i;
824.     switch(root.nodeType) {
825.         case Node.ELEMENT_NODE:
826.         case Node.DOCUMENT_FRAGMENT_NODE:
827.             var closed;
828.             if(toptag) {
829.                 closed = !root.hasChildNodes();
830.                 html = '<' + root.tagName.toLowerCase();
831.                 var attr = root.attributes;
832.                 for(var i = 0; i < attr.length; ++i) {
833.                     var a = attr.item(i);
834.                     if(!a.specified || a.name.match(moz_check) || a.value.match(moz_check)) {
835.                         continue;
836.                     }
837.                     html += " " + a.name.toLowerCase() + '="' + a.value + '"';
838.                 }
839.                 html += closed ? " />" : ">";
840.             }
841.             for(var i = root.firstChild; i; i = i.nextSibling) {
842.                 html += readNodes(i, true);
843.             }
844.             if(toptag && !closed) {
845.                 html += "</" + root.tagName.toLowerCase() + ">";
846.             }
847.             break;
849.         case Node.TEXT_NODE:
850.             html = htmlspecialchars(root.data);
851.             break;
852.     }
853.     return html;
854. }
856. function moveCursor(increment) {
857.     var test = cursor + increment;
858.     if(test >= 0 && stack[test] != null && !isUndefined(stack[test])) {
859.         cursor += increment;
860.     }
861. }
863. function addSnapshot(str) {
864.     if(stack[cursor] == str) {
865.         return;
866.     } else {
867.         cursor++;
868.         stack[cursor] = str;
870.         if(!isUndefined(stack[cursor + 1])) {
871.             stack[cursor + 1] = null;
872.         }
873.     }
874. }
876. function getSnapshot() {
877.     if(!isUndefined(stack[cursor]) && stack[cursor] != null) {
878.         return stack[cursor];
879.     } else {
880.         return false;
881.     }
882. }

menu.js

 

1. /******************************************************************************
2.   Crossday Discuz! Board - Floating Advertisements for Discuz!
3.   Copyright 2001-2006 Comsenz Inc. (http://www.comsenz.com)
4. *******************************************************************************/
6. var menuslidetimer = null;
8. function Popup_Handler() {
9.     this.open_steps = 2;
10.     this.open_fade = false;
11.     this.active = false;
12.     this.menus = new Array();
13.     this.activemenu = null;
14.     this.hidden_selects = new Array();
16.     this.activate = function(active) {
17.         this.active = active;
18.     }
20.     this.register = function(clickactive, controlkey, noimage) {
21.         this.menus[controlkey] = new Popup_Menu(clickactive, controlkey, noimage);
22.         return this.menus[controlkey];
23.     }
25.     this.hide = function() {
26.         if(this.activemenu != null) this.menus[this.activemenu].hide();
27.     }
28. }
30. function Popup_Events() {
31.     this.controlobj_show = function(e) {
32.         doane(e);
33.         clearTimeout(this.slidetimer);
34.         if(popupmenu.activemenu == null || popupmenu.menus[popupmenu.activemenu].controlkey != this.id) {popupmenu.menus[this.id].show(this, false, popupmenu.menus[this.id].clickactive);}
35.     }
37.     this.controlobj_onclick = function(e) {
38.         doane(e);
39.         if(popupmenu.activemenu == null || popupmenu.menus[popupmenu.activemenu].controlkey != this.id) {popupmenu.menus[this.id].show(this, false, popupmenu.menus[this.id].clickactive);}
40.         else {popupmenu.menus[this.id].hide();}
41.     }
43.     this.controlobj_onmouseover = function(e) {
44.         doane(e);
45.         popupmenu.menus[this.id].hover(this);
46.     }
48.     this.menuoption_onclick_function = function(e) {
49.         this.ofunc(e);
50.         popupmenu.menus[this.controlkey].hide();
51.     }
53.     this.menuoption_onclick_link = function(e) {
54.         popupmenu.menus[this.controlkey].choose(e, this);
55.     }
57.     this.menuoption_onmouseover = function(e) {
58.         this.className = 'popupmenu_highlight';
59.     }
61.     this.menuoption_onmouseout = function(e) {
62.         this.className = 'popupmenu_option';
63.     }
64. }
66. popupmenu = new Popup_Handler();
67. popupevents = new Popup_Events();
69. function popupmenu_hide(e) {
70.     if(e && e.button && e.button != 1 && e.type == 'click')  return true;
71.     else popupmenu.hide();
72. }
74. function Popup_Menu(clickactive, controlkey, noimage) {
75.     this.controlkey = controlkey;
76.     this.clickactive = clickactive;
77.     this.menuname = this.controlkey.split('.')[0] + '_menu';
78.     if($(this.menuname)) {this.init_menu(clickactive);}
79.     this.slide_open = (window.is_opera ? false : true);
80.     this.open_steps = popupmenu.open_steps;
82.     this.init_control = function(noimage) {
83.         this.controlobj = $(this.controlkey);
84.         this.controlobj.state = false;
85.         if(this.controlobj.firstChild && (this.controlobj.firstChild.tagName == 'TEXTAREA' || this.controlobj.firstChild.tagName == 'INPUT')) {
86.         } else {
87.             if(!this.clickactive && !noimage && !(is_mac && window.is_ie)) {
88.                 var img = document.createElement('img');
89.                 img.src = 'images/common/jsmenu.gif';
90.                 img.border = 0;
91.                 img.title = '';
92.                 img.alt = '';
93.                 this.controlobj.appendChild(img);
94.             }
95.             this.controlobj.unselectable = true;
96.             if(!noimage) {
97.                 this.controlobj.style.cursor = window.is_ie ? 'hand' : 'pointer';
98.             }
99.             if(clickactive) {
100.                 this.controlobj.onclick = popupevents.controlobj_onclick;
101.                 this.controlobj.onmouseover = popupevents.controlobj_onmouseover;
102.             } else {
103.                 this.controlobj.onmouseover = popupevents.controlobj_show;
104.             }
105.         }
106.     }
108.     this.init_control( noimage);
110.     this.init_menu = function() {
111.         this.menuobj = $(this.menuname);
112.         if(this.menuobj && !this.menuobj.initialized) {
113.             this.menuobj.initialized = true;
114.             this.menuobj.onclick = ebygum;
115.             this.menuobj.style.position = 'absolute';
116.             if(!this.clickactive) {
117.                 this.menuobj.onmouseover = function() {
118.                     clearTimeout(menuslidetimer);
119.                 }
120.                 this.menuobj.onmouseout = function() {
121.                     menuslidetimer = setTimeout("menuhide()",500);
122.                 }
123.             }
124.             this.menuobj.style.zIndex = 50;
125.             if(window.is_ie && !is_mac) {
126.                 this.menuobj.style.filter += "progid:DXImageTransform.Microsoft.shadow(direction=135,color=#CCCCCC,strength=2)";
127.             }
128.             this.init_menu_contents();
129.         }
130.     }
132.     this.init_menu_contents = function() {
133.         var tds = findtags(this.menuobj, 'td');
134.         for(var i = 0; i < tds.length; i++) {
135.             if(tds[i].className == 'popupmenu_option' || tds[i].className == 'editor_colornormal') {
136.                 if(window.is_ie && !is_mac) {
137.                     tds[i].style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity=85,finishOpacity=100,style=0)";
138.                 }
139.                 tds[i].style.opacity = 0.85;
140.                 if(tds[i].title && tds[i].title == 'nohighlight') {
141.                     tds[i].title = '';
142.                 } else {
143.                     tds[i].controlkey = this.controlkey;
144.                     if(tds[i].className != 'editor_colornormal') {
145.                         tds[i].onmouseover = popupevents.menuoption_onmouseover;
146.                         tds[i].onmouseout = popupevents.menuoption_onmouseout;
147.                     }
148.                     if(typeof tds[i].onclick == 'function') {
149.                         tds[i].ofunc = tds[i].onclick;
150.                         tds[i].onclick = popupevents.menuoption_onclick_function;
151.                     } else {
152.                         tds[i].onclick = popupevents.menuoption_onclick_link;
153.                     }
154.                     if(!is_saf && !is_kon)  {
155.                         try {
156.                             links = findtags(tds[i], 'a');
157.                             for(var j = 0; j < links.length; j++) {
158.                                 if(typeof links[j].onclick  == 'undefined') links[j].onclick = ebygum;
159.                             }
160.                         }
161.                         catch(e) {}
162.                     }
163.                 }
164.             }
165.         }
166.     }
168.     this.show = function(obj, instant) {
169.         if(!popupmenu.active){return false;}
170.         else if(!this.menuobj)  {this.init_menu();}
171.         if(!this.menuobj) {return false;}
172.         if(popupmenu.activemenu != null) {popupmenu.menus[popupmenu.activemenu].hide();}
173.         popupmenu.activemenu = this.controlkey;
174.         this.menuobj.style.display = '';
175.         if(popupmenu.slide_open) {this.menuobj.style.clip = 'rect(auto, auto, auto, auto)';}
176.         this.pos = this.fetch_offset(obj);
177.         this.leftpx = this.pos['left'];
178.         this.toppx = this.pos['top'] + obj.offsetHeight;
179.         if((this.leftpx + this.menuobj.offsetWidth) >= document.body.clientWidth && (this.leftpx + obj.offsetWidth - this.menuobj.offsetWidth) > 0) {
180.             this.leftpx = this.leftpx + obj.offsetWidth - this.menuobj.offsetWidth;
181.             this.direction = 'right';
182.         } else {this.direction = 'left';}
183.         this.menuobj.style.left = this.leftpx + 'px';
184.         this.menuobj.style.top  = this.toppx + 'px';
185.         if(!instant && this.slide_open) {
186.             this.intervalX = Math.ceil(this.menuobj.offsetWidth / this.open_steps);
187.             this.intervalY = Math.ceil(this.menuobj.offsetHeight / this.open_steps);
188.             this.slide((this.direction == 'left' ? 0 : this.menuobj.offsetWidth), 0, 0);
189.         } else if(this.menuobj.style.clip && popupmenu.slide_open) {
190.             this.menuobj.style.clip = 'rect(auto, auto, auto, auto)';
191.         }
192.         this.handle_overlaps(true);
193.         if(this.menuobj.scrollHeight > 400) {
194.             this.menuobj.style.height = '400px';
195.             if(window.is_ie || window.is_opera) {
196.                 this.menuobj.style.width = this.menuobj.scrollWidth + 18;
197.             }
198.             if(window.is_opera) {
199.                 this.menuobj.style.overflow = 'scroll';
200.             } else {
201.                 this.menuobj.style.overflowY = 'scroll';
202.             }
203.         }
204.     }
206.     this.hide = function(e) {
207.         if(e && e.button && e.button != 1) {return true;}
208.         this.stop_slide();
209.         this.menuobj.style.display = 'none';
210.         this.handle_overlaps(false);
211.         popupmenu.activemenu = null;
212.     }
214.     this.slidehide = function() {
215.         popupmenu.menus[popupmenu.activemenu].hide()
216.     }
218.     this.hover = function(obj, clickactive) {
219.         if(popupmenu.activemenu != null) {
220.             if(popupmenu.menus[popupmenu.activemenu].controlkey != this.id) {this.show(obj, true, clickactive);}
221.         }
222.     }
224.     this.choose = function(e, obj) {
225.         var links = findtags(obj, 'a');
226.         if(links[0]) {
227.             if(window.is_ie) {
228.                 links[0].click();
229.                 window.event.cancelBubble = true;
230.             } else {
231.                 if(e.shiftKey) {
232.                     window.open(links[0].href);
233.                     e.stopPropagation();
234.                     e.preventDefault();
235.                 } else {
236.                     window.location = links[0].href;
237.                     e.stopPropagation();
238.                     e.preventDefault();
239.                 }
240.             }
241.             this.hide();
242.         }
243.     }
245.     this.slide = function(clipX, clipY, opacity) {
246.         if(this.direction == 'left' && (clipX < this.menuobj.offsetWidth || clipY < this.menuobj.offsetHeight)) {
247.             if(popupmenu.open_fade && window.is_ie) {
248.                 opacity += 10;
249.                 this.menuobj.filters.item('DXImageTransform.Microsoft.alpha').opacity = opacity;
250.             }
251.             clipX += this.intervalX;
252.             clipY += this.intervalY;
253.             this.menuobj.style.clip = "rect(auto, " + clipX + "px, " + clipY + "px, auto)";
254.             this.slidetimer = setTimeout("popupmenu.menus[popupmenu.activemenu].slide(" + clipX + ", " + clipY + ", " + opacity + ");", 0);
255.         } else if(this.direction == 'right' && (clipX > 0 || clipY < this.menuobj.offsetHeight)) {
256.             if(popupmenu.open_fade && window.is_ie) {
257.                 opacity += 10;
258.                 menuobj.filters.item('DXImageTransform.Microsoft.alpha').opacity = opacity;
259.             }
260.             clipX -= this.intervalX;
261.             clipY += this.intervalY;
262.             this.menuobj.style.clip = "rect(auto, " + this.menuobj.offsetWidth + "px, " + clipY + "px, " + clipX + "px)";
263.             this.slidetimer = setTimeout("popupmenu.menus[popupmenu.activemenu].slide(" + clipX + ", " + clipY + ", " + opacity + ");", 0);
264.         } else {this.stop_slide();}
265.     }
267.     this.stop_slide = function() {
268.         clearTimeout(this.slidetimer);
269.         this.menuobj.style.clip = 'rect(auto, auto, auto, auto)';
270.         if(popupmenu.open_fade && window.is_ie) {this.menuobj.filters.item('DXImageTransform.Microsoft.alpha').opacity = 100;}
271.     }
273.     this.fetch_offset = function(obj) {
274.         var left_offset = obj.offsetLeft;
275.         var top_offset = obj.offsetTop;
276.         while ((obj = obj.offsetParent) != null) {
277.             left_offset += obj.offsetLeft;
278.             top_offset += obj.offsetTop;
279.         }
280.         return { 'left' : left_offset, 'top' : top_offset };
281.     }
283.     this.overlaps = function(obj, m) {
284.         var s = new Array();
285.         var pos = this.fetch_offset(obj);
286.         s['L'] = pos['left'];
287.         s['T'] = pos['top'];
288.         s['R'] = s['L'] + obj.offsetWidth;
289.         s['B'] = s['T'] + obj.offsetHeight;
290.         if(s['L'] > m['R'] || s['R'] < m['L'] || s['T'] > m['B'] || s['B'] < m['T']) {return false;}
291.         return true;
292.     }
294.     this.handle_overlaps = function(dohide) {
295.         if(window.is_ie) {
296.             var selects = findtags(document, 'select');
297.             if(dohide) {
298.                 var menuarea = new Array(); menuarea = {
299.                     'L' : this.leftpx,
300.                     'R' : this.leftpx + this.menuobj.offsetWidth,
301.                     'T' : this.toppx,
302.                     'B' : this.toppx + this.menuobj.offsetHeight
303.                 };
304.                 for(var i = 0; i < selects.length; i++) {
305.                     if(this.overlaps(selects[i], menuarea)) {
306.                         var hide = true;
307.                         var s = selects[i];
308.                         while (s = s.parentNode) {
309.                             if(s.className == 'popupmenu_popup') {
310.                                 hide = false;
311.                                 break;
312.                             }
313.                         }
314.                         if(hide) {
315.                             selects[i].style.visibility = 'hidden';
316.                             arraypush(popupmenu.hidden_selects, i);
317.                         }
318.                     }
319.                 }
320.             } else {
321.                 while (true) {
322.                     var i = arraypop(popupmenu.hidden_selects);
323.                     if(typeof i == 'undefined' || i == null) break;
324.                     else selects[i].style.visibility = 'visible';
325.                 }
326.             }
327.         }
328.     }
329. }
331. function doane(eventobj) {
332.     if(!eventobj || window.is_ie)   {
333.         window.event.returnValue = false;
334.         window.event.cancelBubble = true;
335.         return window.event;
336.     } else {
337.         eventobj.stopPropagation();
338.         eventobj.preventDefault();
339.         return eventobj;
340.     }
341. }
343. function ebygum(eventobj) {
344.     if(!eventobj || window.is_ie) {
345.         window.event.cancelBubble = true;
346.         return window.event;
347.     } else {
348.         if(eventobj.target.type == 'submit')  eventobj.target.form.submit();
349.         eventobj.stopPropagation();
350.         return eventobj;
351.     }
352. }
354. function menuregister(clickactive, controlid, noimage, datefield) {
355.     if(typeof popupmenu == 'object') {
356.         popupmenu.register(clickactive, controlid, noimage);
357.     }
358. }
360. function menuhide() {
361.     if(popupmenu.activemenu != null) {
362.         popupmenu.menus[popupmenu.activemenu].slidehide();
363.     }
364. }
366. if(typeof popupmenu == 'object') {
367.     if(window.attachEvent && !is_saf) {
368.         document.attachEvent('onclick', popupmenu_hide);
369.         window.attachEvent('onresize', popupmenu_hide);
370.     } else if(document.addEventListener && !window.is_saf) {
371.         document.addEventListener('click', popupmenu_hide, false);
372.         window.addEventListener('resize', popupmenu_hide, false);
373.     } else {
374.         window.onclick = popupmenu_hide;
375.         window.onresize = popupmenu_hide;
376.     }
377.     popupmenu.activate(true);
378. }

4.新建edit.jsp

<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<title>UBB编辑器</title>
<link rel="stylesheet" type="text/css" id="css" href="Images/ubb.css">
<script language ="javascript" type="text/javascript" src="Images/common.js"></script>
<script language ="javascript" type="text/javascript" src="Images/menu.js"></script>
<script language ="javascript" type="text/javascript" src="Images/bbcode.js"></script>
<script language ="javascript" type="text/javascript" src="Images/editor.js"></script>
</head>
<body οnkeydοwn="if(event.keyCode==27) return false;">
<script type="text/javascript">
var postminchars = parseInt('0');
var postmaxchars = parseInt('100000');
var disablepostctrl = parseInt('0');
var typerequired = parseInt('');
var bbinsert = parseInt('0');
function checklength() {
 var message = bbinsert && wysiwyg ? html2bbcode(getEditorContents()) : $("posteditor_textarea").value;
 var showmessage = postmaxchars != 0 ? '系统限制: ' + postminchars + ' 到 ' + postmaxchars + ' 字节' : '';
 alert('/n当前长度: ' + message.length + ' 字节/n/n' + showmessage);
}
</script>
<div class="spaceborder" style="width: 100%" >
<table cellspacing="0" cellpadding="4" width="100%">
<tr class="bottom">
<td align="left" class="altbg2" valign="top">
<div id="posteditor">
<script type="text/javascript">
var editorid = 'posteditor';
var wysiwyg = (window.is_ie || window.is_moz || (window.is_opera && opera.version() >= 9)) && parseInt('1') && bbinsert == 1 ? 1 : 0;
var allowswitcheditor = parseInt('1');
var allowhtml = parseInt('0');
var forumallowhtml = parseInt('0');
var allowsmilies = parseInt('1');
var allowbbcode = parseInt('1');
var allowimgcode = parseInt('1');
var smilies = new Array();
smilies[1]= {'code' : ':)', 'url' : 'em01.gif'};
smilies[2]= {'code' : ':(', 'url' : 'em02.gif'};
smilies[3]= {'code' : ':D', 'url' : 'em03.gif'};
smilies[4]= {'code' : ':/'(', 'url' : 'em04.gif'};
smilies[5]= {'code' : ':@', 'url' : 'em05.gif'};
smilies[6]= {'code' : ':o', 'url' : 'em06.gif'};
smilies[7]= {'code' : ':P', 'url' : 'em07.gif'};
smilies[8]= {'code' : ':$', 'url' : 'em08.gif'};
smilies[9]= {'code' : ';P', 'url' : 'em09.gif'};
smilies[10]= {'code' : ':L', 'url' : 'em10.gif'};
smilies[11]= {'code' : ':Q', 'url' : 'em11.gif'};
smilies[12]= {'code' : ':lol', 'url' : 'em12.gif'};
smilies[13]= {'code' : ':hug:', 'url' : 'em13.gif'};
smilies[14]= {'code' : ':victory:', 'url' : 'em14.gif'};
smilies[15]= {'code' : ':time:', 'url' : 'em15.gif'};
smilies[16]= {'code' : ':kiss:', 'url' : 'em16.gif'};
smilies[17]= {'code' : ':handshake', 'url' : 'em17.gif'};
smilies[18]= {'code' : ':call:', 'url' : 'em18.gif'};
smilies[33]= {'code' : ':calld:', 'url' : 'em24.gif'};
smilies[32]= {'code' : ':callc:', 'url' : 'em23.gif'};
smilies[31]= {'code' : ':callb:', 'url' : 'em22.gif'};
smilies[30]= {'code' : ':calla:', 'url' : 'em21.gif'};
smilies[28]= {'code' : ':loveliness:', 'url' : 'em19.gif'};
smilies[29]= {'code' : ':funk:', 'url' : 'em20.gif'};
smilies[34]= {'code' : ':calle:', 'url' : 'em25.gif'};
var BORDERCOLOR = "#7AC4EA";
var ALTBG2 = "#FFFFFF";

function clearcontent() {
 if(wysiwyg && bbinsert) {
  editdoc.body.innerHTML = is_moz ? '<br />' : '';
 } else {
  textobj.value = '';
 }
}

function resizeEditor(change) {
 var editorbox = bbinsert ? editbox : textobj;
 var newheight = parseInt(editorbox.style.height, 10) + change;
 var newTopheight=parseInt(top.document.getElementById('Editor').style.height,10)+ change;
 if(newheight >= 100) {
  editorbox.style.height = newheight + 'px';
  top.document.getElementById('Editor').style.height = newTopheight + 'px';
 }
}

var oURL = location.href;
var offset = oURL.lastIndexOf("id=");
if (offset == -1)
{
 alert("请传入调用参数ID，即隐藏的内容表单项ID！");
} else {
 offset = offset + 3
}
var sLinkFieldName = oURL.substring(offset)
var oLinkField = parent.document.getElementsByName(sLinkFieldName)[0];
var oForm = oLinkField.form;
// 设置所属表单的提交或reset事件
function setLinkedField() {
 if (! oLinkField) return ;
 var oForm = oLinkField.form ;
 if (!oForm) return ;
 if(oForm.addEventListener){
  oForm.addEventListener("onsubmit", AttachSubmit);
  oForm.addEventListener("onreset", AttachReset);
 }else{
  oForm.attachEvent("onsubmit", AttachSubmit);
  oForm.attachEvent("onreset", AttachReset);
 }
 AttachReset();
}

// 提交表单
function AttachSubmit() {
    if(wysiwyg==0)oLinkField.value=$("posteditor_textarea").value;
 else oLinkField.value=html2bbcode(getEditorContents());
 showCustomer("ubb");
}
// 附加Reset事件
function AttachReset() {
     if(wysiwyg==0)$("posteditor_textarea").value="";
  else editdoc.body.innerHTML="";
  if (oLinkField.value!=""){
  if(wysiwyg==0)$("posteditor_textarea").value=oLinkField.value;
  else editdoc.body.innerHTML=bbcode2html(oLinkField.value);
  }
}
function attachObjEvent(object, eventName, functionName)
{
    try{
        if (window.attachEvent) {
            object.attachEvent(eventName, functionName);
        } else if(window.addEventListener) {
            //remove "on" from eventName
            object.addEventListener(eventName.substr(2), functionName, false);
        }
    } catch (E) {
       
    }
}

window.οnlοad=setLinkedField;
attachObjEvent(parent.document.getElementById('SubButton'),"onclick",AttachSubmit);
//attachObjEvent(document,"onclick",setLinkedField);
</script>
<script language="javascript">
var xmlHttp = null;
function showCustomer(str)
{
 xmlHttp=GetXmlHttpObject();
 if (xmlHttp==null)
   {
    alert ("Do no support AJAX");
    return;
   }
 var url=str;
 //alert("Begin to get url");
 var parm=getFormValue();
 
 xmlHttp.onreadystatechange = updatePage;
 xmlHttp.open("post",url,true);
 xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8");
 xmlHttp.send(parm);
}
function updatePage() {
  if (xmlHttp.readyState == 4) {
    var response = xmlHttp.responseText;
    parent.document.getElementById("reslut").innerHTML = response;
    //document.getElementById("reslut").value = response;
    // alert(response);
  }
}

function getFormValue()
{
 var objparam = parent.document.forms[0].elements;
 var url ="";
 var len = objparam.length;
 var i=0;
 for(;i<len;i++)
    url+=objparam[i].name+"="+objparam[i].value+"&";
    return url;
}
function GetXmlHttpObject()
{
 var xmlHttp=null;
 try{
  // Firefox, Opera 8.0+, Safari
   xmlHttp=new XMLHttpRequest();
   }catch (e) {
  // Internet Explorer
   try
     {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
     } catch (e){   
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
     }
   }
 return xmlHttp;
}

</script>
<script type="text/javascript">
var lang = new Array();
lang["enter_tag_option"]= "请输入 %1 标签的选项:";
lang["enter_list_item"]= "输入一个列表项目./r/n留空或者点击取消完成此列表.";
lang["enter_link_url"]= "请输入链接的地址:";
lang["enter_image_url"]= "请输入图片链接地址:";
lang["enter_email_link"]= "请输入此链接的邮箱地址:";
lang['enter_table_rows']= "请输入行数，最多 30 行:";
lang['enter_table_columns']= "请输入列数，最多 30 列:";
lang['fontname']= "字体";
lang['fontsize']= "大小";
var custombbcodes = new Array();
custombbcodes["qq"] = "[qq=8]116256607[/qq]";
custombbcodes["flash"] = "Flash Movie";
custombbcodes["rm"] = "[rm]rtsp://your.com/example.rm[/rm]";
custombbcodes["wmv"] = "[wmv]mms://your.com/example.wmv[/wmv]";
custombbcodes["page"] = "[page][/page]";
custombbcodes["flv"] = "[flv][/flv]";
var fontoptions = new Array("仿宋_GB2312", "黑体", "楷体_GB2312", "宋体", "新宋体", "Tahoma", "Arial", "Impact", "Verdana", "Times New Roman");
</script>
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="editor">
<tr>
<td id="posteditor_controls" class="editor_controlbar" colspan="2">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><div class="editor_buttonnormal" id="posteditor_cmd_removeformat" onClick="discuzcode('removeformat')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_removeformat.gif" width="21" height="20" title="清除文本格式" alt="清除文本格式" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_undo" onClick="discuzcode('undo')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_undo.gif" width="21" height="20" title="撤销" alt="撤销" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_redo" onClick="discuzcode('redo')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_redo.gif" width="21" height="20" title="重做" alt="重做" /></div></td>

<td><img src="Images/bb_separator.gif" width="6" height="20" alt="" /></td>

<td><div class="editor_buttonnormal" id="posteditor_cmd_bold" onClick="discuzcode('bold')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_bold.gif" width="21" height="20" title="粗体" alt="粗体" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_italic" onClick="discuzcode('italic')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_italic.gif" width="21" height="20" title="斜体" alt="斜体" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_underline" onClick="discuzcode('underline')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_underline.gif" width="21" height="20" title="下划线" alt="下划线" /></div></td>

<td><img src="Images/bb_separator.gif" width="6" height="20" alt="" /></td>

<td id="posteditor_popup_fontname" title="字体"><div class="editor_buttonnormal" onMouseOver="menuContext(this, 'mouseover')" onMouseOut="menuContext(this, 'mouseout')">
<table cellpadding="0" cellspacing="0" border="0" unselectable="on">
<tr>
<td class="editor_menunormal" unselectable="on" id="posteditor_menu"><div id="posteditor_font_out" style="width:91px" unselectable="on">字体</div></td>
<td unselectable="on"><img src="Images/bb_menupop.gif" width="7" height="4" alt="" /></td>
</tr>
</table>
<script type="text/javascript">menuregister(true, "posteditor_popup_fontname")</script></div></td>

<td id="posteditor_popup_fontsize" title="大小"><div class="editor_buttonnormal" onMouseOver="menuContext(this, 'mouseover')" onMouseOut="menuContext(this, 'mouseout')">
<table cellpadding="0" cellspacing="0" border="0" unselectable="on">
<tr>
<td class="editor_menunormal" unselectable="on" id="posteditor_menu"><div id="posteditor_size_out" style="width:25px" unselectable="on">大小</div></td>
<td unselectable="on"><img src="Images/bb_menupop.gif" width="7" height="4" alt="" /></td>
</tr>
</table>
<script type="text/javascript">menuregister(true, "posteditor_popup_fontsize")</script></div></td>

<td id="posteditor_popup_forecolor" title="颜色"><div class="editor_buttonnormal" onMouseOver="menuContext(this, 'mouseover')" onMouseOut="menuContext(this, 'mouseout')">
<table cellpadding="0" cellspacing="0" border="0" unselectable="on">
<tr>
<td class="editor_colormenunormal" unselectable="on" id="posteditor_colormenu"><img src="Images/bb_color.gif" width="21" height="16" alt="" /><br><img src="Images/bb_clear.gif" id="posteditor_color_bar" alt="" style="background-color:black" width="21" height="4" /></td>
<td unselectable="on"><img src="Images/bb_menupop.gif" width="7" height="4" alt="" /></td>
</tr>
</table>
<script type="text/javascript">menuregister(true, "posteditor_popup_forecolor")</script></div></td>

<td><img src="Images/bb_separator.gif" width="6" height="20" alt="" /></td>

<td><div class="editor_buttonnormal" id="posteditor_cmd_justifyleft" onClick="discuzcode('justifyleft')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_left.gif" width="21" height="20" title="居左" alt="居左" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_justifycenter" onClick="discuzcode('justifycenter')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_center.gif" width="21" height="20" title="居中" alt="居中" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_justifyright" onClick="discuzcode('justifyright')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_right.gif" width="21" height="20" title="居右" alt="居右" /></div></td>

<td><img src="Images/bb_separator.gif" width="6" height="20" alt="" /></td>

<td><div class="editor_buttonnormal" id="posteditor_cmd_insertorderedlist" onClick="discuzcode('insertorderedlist')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_orderedlist.gif" width="21" height="20" title="排序的列表" alt="排序的列表" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_insertunorderedlist" onClick="discuzcode('insertunorderedlist')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_unorderedlist.gif" width="21" height="20" title="未排序列表" alt="未排序列表" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_outdent" onClick="discuzcode('outdent')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_outdent.gif" width="21" height="20" title="减少缩进" alt="减少缩进" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_indent" onClick="discuzcode('indent')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_indent.gif" width="21" height="20" title="增加缩进" alt="增加缩进" /></div></td>
</tr>
</table>

<table cellpadding="0" cellspacing="0" border="0">
<tr>

<td><div class="editor_buttonnormal" id="posteditor_cmd_createlink" onClick="discuzcode('createlink')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_url.gif" width="21" height="20" title="插入链接" alt="插入链接" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_unlink" onClick="discuzcode('unlink')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_unlink.gif" width="21" height="20" title="移除链接" alt="移除链接" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_email" onClick="discuzcode('email')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_email.gif" width="21" height="20" title="插入邮箱链接" alt="插入邮箱链接" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_insertimage" onClick="discuzcode('insertimage')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_image.gif" width="21" height="20" title="插入图片" alt="插入图片" /></div></td>

<td><img src="Images/bb_separator.gif" width="6" height="20" alt="" /></td>

<td><div class="editor_buttonnormal" id="posteditor_cmd_wrap0_quote" onClick="discuzcode('quote')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_quote.gif" width="21" height="20" title="插入引用" alt="插入引用" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_wrap0_code" onClick="discuzcode('code')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_code.gif" width="21" height="20" title="插入代码" alt="插入代码" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_table" onClick="discuzcode('table')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_table.gif" width="21" height="20" title="插入表格" alt="插入表格" /></div></td>

<td><img src="Images/bb_separator.gif" width="6" height="20" alt="" /></td>

<td><div class="editor_buttonnormal" id="posteditor_cmd_custom1_qq" onMouseOver="buttonContext(this, 'mouseover')" onClick="discuzcode('custom1_qq')" onMouseOut="buttonContext(this, 'mouseout')"><IMG title="插入QQ在线状态按钮" height="20" alt=qq src="Images/bb_qq.gif"
width=21></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_custom1_flash" onClick="discuzcode('custom1_flash')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_flash.gif" width="21" height="20" title="嵌入 Flash 动画" alt="flash" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_custom1_flash" onClick="discuzcode('custom1_flv')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_flash.gif" width="21" height="20" title="嵌入 Flv 视频" alt="flv" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_custom1_rm" onClick="discuzcode('custom1_rm')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_rm.gif" width="21" height="20" title="嵌入 Real 音频或视频" alt="rm" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_custom1_wmv" onClick="discuzcode('custom1_wmv')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><img src="Images/bb_wmv.gif" width="21" height="20" title="嵌入 Windows media 音频或视频" alt="wmv" /></div></td>
<td><div class="editor_buttonnormal" id="posteditor_cmd_custom1_wmv" onClick="discuzcode('custom1_page')" onMouseOver="buttonContext(this, 'mouseover')" onMouseOut="buttonContext(this, 'mouseout')"><IMG title="嵌入分页标签" height="20" alt="标签" src="Images/bb_look.gif" width="21"></div></td>
<td>
<div></div>
</td>
</tr>
</table>
<br>

<div id="posteditor_switcher">
<input type="button" id="bbcodemode" value="UBB 代码模式" onClick="switchEditor(0)" class="editor_switcher_highlight">
<input type="button" id="wysiwygmode" value="所见即所得模式" onClick="switchEditor(1)" class="editor_switcher">
</div>
<div class="popupmenu_popup" id="posteditor_popup_fontname_menu" style="display: none">
<table cellpadding="4" cellspacing="0" border="0" unselectable="on">
<tr><td class="popupmenu_option" onClick="discuzcode('fontname', '仿宋_GB2312')" unselectable="on"><font face="仿宋_GB2312" unselectable="on">仿宋_GB2312</font></td></tr>
<tr><td class="popupmenu_option" onClick="discuzcode('fontname', '黑体')" unselectable="on"><font face="黑体" unselectable="on">黑体</font></td></tr>
<tr><td class="popupmenu_option" onClick="discuzcode('fontname', '楷体_GB2312')" unselectable="on"><font face="楷体_GB2312" unselectable="on">楷体_GB2312</font></td></tr>
<tr><td class="popupmenu_option" onClick="discuzcode('fontname', '宋体')" unselectable="on"><font face="宋体" unselectable="on">宋体</font></td></tr>
<tr><td class="popupmenu_option" onClick="discuzcode('fontname', '新宋体')" unselectable="on"><font face="新宋体" unselectable="on">新宋体</font></td></tr>
<tr><td class="popupmenu_option" onClick="discuzcode('fontname', 'Tahoma')" unselectable="on"><font face="Tahoma" unselectable="on">Tahoma</font></td></tr>
<tr><td class="popupmenu_option" onClick="discuzcode('fontname', 'Arial')" unselectable="on"><font face="Arial" unselectable="on">Arial</font></td></tr>
<tr><td class="popupmenu_option" onClick="discuzcode('fontname', 'Impact')" unselectable="on"><font face="Impact" unselectable="on">Impact</font></td></tr>
<tr><td class="popupmenu_option" onClick="discuzcode('fontname', 'Verdana')" unselectable="on"><font face="Verdana" unselectable="on">Verdana</font></td></tr>
<tr><td class="popupmenu_option" onClick="discuzcode('fontname', 'Times New Roman')" unselectable="on"><font face="Times New Roman" unselectable="on">Times New Roman</font></td></tr>
</table></div>
<div class="popupmenu_popup" id="posteditor_popup_fontsize_menu" style="display: none">
<table cellpadding="4" cellspacing="0" border="0" unselectable="on">
<tr align="center"><td class="popupmenu_option" onClick="discuzcode('fontsize', 1)" unselectable="on"><font size="1" unselectable="on">1</font></td></tr>
<tr align="center"><td class="popupmenu_option" onClick="discuzcode('fontsize', 2)" unselectable="on"><font size="2" unselectable="on">2</font></td></tr>
<tr align="center"><td class="popupmenu_option" onClick="discuzcode('fontsize', 3)" unselectable="on"><font size="3" unselectable="on">3</font></td></tr>
<tr align="center"><td class="popupmenu_option" onClick="discuzcode('fontsize', 4)" unselectable="on"><font size="4" unselectable="on">4</font></td></tr>
<tr align="center"><td class="popupmenu_option" onClick="discuzcode('fontsize', 5)" unselectable="on"><font size="5" unselectable="on">5</font></td></tr>
<tr align="center"><td class="popupmenu_option" onClick="discuzcode('fontsize', 6)" unselectable="on"><font size="6" unselectable="on">6</font></td></tr>
<tr align="center"><td class="popupmenu_option" onClick="discuzcode('fontsize', 7)" unselectable="on"><font size="7" unselectable="on">7</font></td></tr>
</table></div>
<div class="popupmenu_popup" id="posteditor_popup_forecolor_menu" style="display: none">
<table cellpadding="4" cellspacing="0" border="0" unselectable="on"><tr>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Black')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Black" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Sienna')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Sienna" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'DarkOliveGreen')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: DarkOliveGreen" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'DarkGreen')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: DarkGreen" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'DarkSlateBlue')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: DarkSlateBlue" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Navy')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Navy" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Indigo')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Indigo" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'DarkSlateGray')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: DarkSlateGray" unselectable="on"></div></td>
</tr><tr>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'DarkRed')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: DarkRed" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'DarkOrange')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: DarkOrange" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Olive')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Olive" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Green')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Green" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Teal')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Teal" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Blue')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Blue" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'SlateGray')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: SlateGray" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'DimGray')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: DimGray" unselectable="on"></div></td>
</tr><tr>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Red')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Red" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'SandyBrown')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: SandyBrown" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'YellowGreen')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: YellowGreen" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'SeaGreen')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: SeaGreen" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'MediumTurquoise')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: MediumTurquoise" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'RoyalBlue')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: RoyalBlue" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Purple')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Purple" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Gray')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Gray" unselectable="on"></div></td>
</tr><tr>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Magenta')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Magenta" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Orange')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Orange" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Yellow')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Yellow" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Lime')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Lime" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Cyan')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Cyan" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'DeepSkyBlue')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: DeepSkyBlue" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'DarkOrchid')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: DarkOrchid" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Silver')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Silver" unselectable="on"></div></td>
</tr><tr>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Pink')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Pink" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Wheat')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Wheat" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'LemonChiffon')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: LemonChiffon" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'PaleGreen')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: PaleGreen" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'PaleTurquoise')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: PaleTurquoise" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'LightBlue')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: LightBlue" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'Plum')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: Plum" unselectable="on"></div></td>
<td class="editor_colornormal" onClick="discuzcode('forecolor', 'White')" unselectable="on" onMouseOver="colorContext(this, 'mouseover')" onMouseOut="colorContext(this, 'mouseout')"><div style="background-color: White" unselectable="on"></div></td>
</tr><tr>
</tr>
</table>
</div>
</table>
<div class="editor_text">
<textarea name="message"  rows="10" cols="60" style="width:100%; height:200px" tabindex="100" id="posteditor_textarea"  onSelect="javascript: window.storeCaret(this);" onClick="javascript: window.storeCaret(this);" onKeyUp="javascript:window.storeCaret(this);" value="[flv]http://localhost:8080/Ubbtest/2girls1cup1fuwuqituokualiao.flv[/flv]"></textarea>
</div>
<table width=100%" cellpadding="4" cellspacing="0" class="editor_button">
<tr>
<td>
<div class="editor_textexpand"><img src="Images/bb_contract.gif" width="11" height="21" title="收缩编辑框" alt="收缩编辑框" onClick="resizeEditor(-100)" /><img src="Images/bb_expand.gif" width="12" height="21" title="扩展编辑框" alt="扩展编辑框" onClick="resizeEditor(100)" />
</div>
</td>
<td align="right">
<input type="button" class="lightbutton" value="字数检查" onClick="checklength()">
<input type="button" class="lightbutton" value=" 清空内容 " tabindex="103" onClick="clearcontent()">
</td>
</tr>
</table>
<input type="hidden" name="wysiwyg" id="posteditor_mode" value="1">
<script type="text/javascript">
var textobj = $(editorid + '_textarea');
newEditor(wysiwyg);
</script>
</body>
</html>

5。预览效果