sqUbbEditor UBB 编辑器 v1.0 by shawl.qiu

 sqUbbEditor UBB 编辑器 v1.0 by shawl.qiu

CREATED BY STABX, AT 2007-5-6.

sqUbbEditor UBB 编辑器

---/-------------------------------------------------------------

Version 1.0

老早前就想过写个功能完整点人性点的 Ubb 编辑器, 不过倒是先写了两个 HTML 编辑器...

1. sqEditor HTML 编辑器 v1.3 By shawl.qiu(asp) (新版本 1.4 尚未发布)
http://blog.csdn.net/btbtd/archive/2007/01/16/1484070.aspx

2. sqEditor HTML 编辑器 for .net v1.0 By shawl.qiu (新版本 1.1 尚未发布)
http://blog.csdn.net/btbtd/archive/2007/03/03/1519745.aspx

不过本次在写这个 UBB 编辑器的时候, 倒是收获不小, 随便扯谈一下本人觉得收获得比较不错的两点:

1. 使用 js 取元素相对于屏幕的绝对位置, 适用于各浏览器.
方案:

1. function fFindPos(oEle, sReturnBy)
2. { // shawl.qiu script
3.  if(!oEle)
4.  {
5.   alert("对象不能为空!");
6.   return;
7.  }
8.  
9.  if(sReturnBy!="y")
10.  {
11.   return fFindPosX(oEle);
12.  }
13.  else
14.  {
15.   return fFindPosY(oEle);
16.  }
17.  
18.  function fFindPosX(oEle)
19.  { // shawl.qiu script
20.   var iLeft = 0;
21.   if(oEle.offsetParent)
22.   {
23.    while(true)
24.    {
25.     iLeft += oEle.offsetLeft;
26.     if(!oEle.offsetParent)
27.     {
28.       break;
29.     } // end if 1
30.     oEle = oEle.offsetParent;
31.    } // end while
32.   }
33.   else if(oEle.x)
34.   {
35.     iLeft += oEle.x;
36.   }
37.   return iLeft;
38.  } // end function fFindPosX
39.  
40.  function fFindPosY(oEle)
41.  { // shawl.qiu script
42.   var iTop = 0;
43.   if(oEle.offsetParent)
44.   {
45.    while(true)
46.    {
47.     iTop += oEle.offsetTop;
48.     if(!oEle.offsetParent)
49.     {
50.       break;
51.     } // end if 1
52.     oEle = oEle.offsetParent;
53.    } // end while
54.   }
55.   else if(oEle.y)
56.   {
57.     iTop += oEle.y;
58.   }
59.   return iTop;
60.  } // end function fFindPosX
61. } // end function fFindPos

2. css 完美定义 pre/定义自动换行.

1. pre
2. {
3.  white-space: pre; /* CSS2 */
4.  white-space: -moz-pre-wrap; /* Mozilla */
5.  white-space: -hp-pre-wrap; /* HP printers */
6.  white-space: -o-pre-wrap; /* Opera 7 */
7.  white-space: -pre-wrap; /* Opera 4-6 */
8.  white-space: pre-wrap; /* CSS 2.1 */
9.  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
10.  word-wrap: break-word; /* IE */
11.  padding:2px;
12. }

还有不少收获, 这个...我并不总是很慷慨, 或者说我不想一次性的慷慨.


话归正题, UBB 编辑器的主要功能概述:

1. 数据入库时不编码, 数据显示时 JS 自动编码. (这样有多方面的好处, 概念问题, 恕不详细)
2. 可以动态设置是否编码 UBB
3. 可以动态设置是否编码 媒体文件
4. 可以动态设置是否 自动识别链接
5. 可以动态设置是否添加 CSS 文件
6. 编辑时可以预览HTML 效果.
7. 编辑时可以预览HTML 源码
8. ... 具体功能自己体会.

 
调用参考:
--/------------------------------
1. 以列表显示 UBB 域 调用

1. <script type='text/javascript' src='/sqUbbEditor/default.js'></script>
2. <script type="text/javascript">
3. //<![CDATA[
4.  onload =
5.   function()
6.   {
7.    
8.    Ubb.Main.Path = "/sqUbbEditor/";
9.    
10.    Ubb.Encode.ID = 'UbbEncodeMain';
11.    Ubb.Encode.Bool = true;
12.    Ubb.Encode.Media.Bool = false;
13.    Ubb.Encode.AutoAttachLink = true;
14.    Ubb.Encode.TabLen = 2;
15.    Ubb.Encode.WidthForIe = "100%";
16.    Ubb.Encode.AppendCss = true;
17.    Ubb.Encode.Go();
18.   } // end onload
19.   //]]>
20. </script>
21. <div id="UbbEncodeMain"> <!-- 主ID -->
22.  <pre>
23.   ubb 内容
24.  </pre>
25.  
26.  <pre>
27.   ubb 内容
28.  </pre>
29.  
30.  ...
31. </div>

2. 主显示页调用

1. <script type='text/javascript' src='/sqUbbEditor/default.js'></script>
2. <script type="text/javascript">
3. //<![CDATA[
4.  onload =
5.   function()
6.   {
7.    
8.    Ubb.Main.Path = "/sqUbbEditor/";
9.    
10.    Ubb.Encode.ID = 'UbbEncodeMain';
11.    Ubb.Encode.Bool = <% 
12.  Response.Write(
13.   bool.Parse(
14.    Datum.GetDataTable(
15.    "select * from guestbook where gbid="+gbid, Conn).Rows[0]["gbubbdisable"]+"")?"false":"true"
16.   );
17.   %>;
18.    Ubb.Encode.TabLen = 2;
19.    Ubb.Encode.WidthForIe = "100%";
20.    Ubb.Encode.AppendCss = true;
21.    Ubb.Encode.Go();
22.    
23.   } // end onload
24.   //]]>
25. </script>
26. <div id="UbbEncodeMain" class="UbbMain">
27.  <pre>
28.   内容
29.  </pre>
30. </div>

详细情况请看 /sqUbbEditor/demo/ 使用演示(asp.net c#)


Author: shawl.qiu
E-Mail: shawl.qiu@gmail.com
Blog: http://blog.csdn.net/btbtd/
CreatedDate: 2007-5-6

© 2007-2010 shawl.qiu. All rights reserved.


下载:
http://files.myopera.com/btbtd/sqUbbEditor/sqUbbEditor_v1.0.7z


目录:
1. sqUbbEditor 核心代码

shawl.qiu
2007-5-6
http://blog.csdn.net/btbtd/

内容:
1. sqUbbEditor 核心代码

1. // shawl.qiu JavaScript Document
2. 
   
3.  /*-----------------------------------------------------------------------------------*/
4.   * sqUbbEditor UBB 编辑器 v1.0
5.  /*-----------------------------------------------------------------------------------*/
6.  //---------------------------------begin class Ubb()-------------------------------//
7.  function sqUbbEditor()
8.  { // shawl.qiu code
9.   //------------------------------------begin public variable
10.   //---------------begin about
11.   this.auSubject = 'sqUbbEditor UBB 编辑器';
12.   this.auVersion = 'v1.0';
13.   this.au = 'shawl.qiu';
14.   this.auEmail = 'shawl.qiu@gmail.com';
15.   this.auBlog = 'http://blog.csdn.net/btbtd';
16.   this.auCreateDate = '2007-5-3';
17.   //---------------end about
18.   this.Main = function(){};
19.   this.Main.ID = "UbbMain";
20.   this.Main.Path = "/sqUbbEditor/";
21.   
22.   this.Main.Text = function(){};
23.   this.Main.Text.ID = "UbbTextMain";
24.   
25.   this.Encode = function(){}
26.   this.Encode.ID = "UbbEncodeMain";
27.   this.Encode.Bool = true;
28.   
29.   this.Encode.Media = function(){}
30.   this.Encode.Media.Bool = true;
31.   
32.   this.Encode.AutoAttachLink = true;
33.   
34.   this.Encode.Go = fEncode;
35.   this.Encode.TabLen = 2;
36.   this.Encode.WidthForIe = "100%";
37.   this.Encode.WidthForIeByPre = "100%";
38.   this.Encode.AppendCss = true;
39.   
40.   this.Encode.Director = function(){}
41.   this.Encode.Director.Go = fEncodePre;
42.   this.Encode.Director.AppendCss =
43.    function(oDocument)
44.    {
45.     fAppendStyle(Tl.Main.Path+"style/css.css", oDocument);
46.     fAppendStyle(Tl.Main.Path+"style/ubb.css", oDocument);
47.    }
48.   
49.   this.Reload = "?";
50.   
51.   this.CallBack = null;
52.   
53.   this.Debug = false;
54.   
55.   this.Cmd = fCmd;
56.   
57.   this.Exec = fExec;
58.   
59.   this.Test = function(oParent, sTargetId)
60.   {
61.   }
62.   
63.   this.Clear = function(){}
64.   this.Clear.Html = false;
65.   
66.   this.Width = function()
67.   {
68.    return "650px;";
69.   }
70.   
71.   this.Select = fSelect;
72.   this.Popup = fWinPopup;
73.   this.Print = fPrint;
74.   this.Func = fFunc;
75.   //------------------------------------end public variable
76.   
77.   //------------------------------------begin private variable
78.   var Tl = this;
79.   var pMain = null;
80.   var pTextMain = null;
81.   var pUbbHtmlPath = "html/Ubb.htm";
82.   
83.   var pRndStr = "";
84.   var pFormSubmitFunc = null;
85.   var pFormSubmitFunc1 = null;
86.   var pFormResetFunc = null;
87.   var pForm = null;
88.   
89.   var pEncodeMain = null;
90.   var pDecodeTempStr = "";
91.   //------------------------------------end private variable
92.   
93.   //------------------------------------begin public method
94.   
95.   //------------------------------------end public method
96.  
97.   //------------------------------------begin private method
98.   
99.   function fEncode()
100.   {
101.    if(!Tl.Encode.Bool) return;
102.    
103.    pEncodeMain = document.getElementById(Tl.Encode.ID);
104.    if(pEncodeMain==null)
105.    {
106.     alert("解码 Ubb 域为 null!");
107.     return false;
108.    }
109.    
110.    if(Tl.Encode.AppendCss)
111.    {
112.     fAppendStyle(Tl.Main.Path+"style/css.css");
113.     fAppendStyle(Tl.Main.Path+"style/ubb.css");
114.    }
115.    
116.    if(fIsIe())
117.    {
118.     pEncodeMain.style.width = Tl.Encode.WidthForIe;
119.     pEncodeMain.style.overflow = "hidden";
120.    }
121.    
122.    var PreSet = pEncodeMain.getElementsByTagName("pre");
123.    
124.    for(var i=0, j=PreSet.length; i<j; i++)
125.    {
126.     fEncodePre(PreSet[i]);
127.    } // end for
128.   } // end function fEncode
129.   
130.   function fEncodePre(ElePre, oDocument, EleAdti)
131.   {
132.    if(!oDocument) oDocument = document; 
133.    
134.    if(typeof(ElePre)=="object")
135.    { 
136.     var sTemp = ElePre.innerHTML;
137.    }
138.    else
139.    {
140.     var sTemp = ElePre;
141.    }
142.    
143.    // tag len, unit by space
144.    if(Tl.Encode.TabLen!=null&&Tl.Encode.TabLen>0)
145.    {
146.     sTemp = sTemp.
147.      replace(//t/gi, fStrSpace("&nbsp;", Tl.Encode.TabLen));
148.    } 
149.    
150.    // [align]
151.    //alert(ElePre.innerHTML);
152.    sTemp = sTemp.
153.    replace(//[align=([^/]]+)/]/gi, "<div align='$1' class='UbbAlign$1'>")
154.    ;
155.    sTemp = sTemp.
156.     replace(//[//align/](/r/n|/r|/n)*/gi, "</div>")
157.     ;  
158.     
159.    // [code]
160.    sTemp = sTemp.
161.     replace(//[(code)/](/r/n|/r|/n)*/gi, "[code][ol]")
162.     ;  
163.    sTemp = sTemp.
164.     replace(//[//(code)/](/r/n|/r|/n)*/gi, "[/ol][/code]")
165.     ;  
166.     
167.    
168.    sTemp = sTemp.
169.     replace(//[(quote|cite|code)/](/r/n|/r|/n)*/gi, "<div class='Ubb$1'>")
170.     ;  
171.    sTemp = sTemp.
172.     replace(//[//(quote|cite|code)/](/r/n|/r|/n)*/gi, "</div><br/>")
173.     ;  
174.     
175.     
176.    var s1Dims = "b|i|u|del|sup|sub|pre|quote|cite|h1|h2|h3|h4|h5|h6";
177.    var Re1Dims = new RegExp("//[("+s1Dims+")//]", "gi");
178.    var Re1Dims1 = new RegExp("//[///("+s1Dims+")//]", "gi");
179.    
180.    sTemp = sTemp.
181.     replace(Re1Dims, "<$1 class='Ubb$1'>").
182.     replace(Re1Dims1,"</$1>")
183.     ;
184.     
185.    sTemp = sTemp.
186.     replace(//[(hr|br)///](/r/n|/r|/n)*/gi, "<$1/>")
187.     ;
188.     
189.    sTemp = sTemp.
190.     replace
191.     (/(/[ol/])([/s/S]*?)(/[//ol/])(/r/n|/r|/n)*/gi, 
192.      function($1, $2, $3, $4)
193.      {
194.        $2 = "<ol class='Ubbol'>";
195.        return fReplaceList($1, $2, $3, $4);
196.      } // end functoin
197.     ) // end replace
198.     ;
199.    
200.    sTemp = sTemp.
201.     replace
202.     (/(/[ul/])([/s/S]*?)(/[//ul/](/r/n|/r|/n)*)/gi, 
203.      function($1, $2, $3, $4)
204.      { 
205.        $2 = "<ul class='Ubbul'>";
206.        return fReplaceList($1, $2, $3, $4);
207.      } // end functoin
208.     ) // end replace
209.     ;
210.     
211.    // [bgcolor] && [fgcolor]
212.    sTemp = sTemp.
213.     replace
214.     (
215.       //[bgcolor/=([^/]]+)/]/gi,
216.       "<span style='background-color:$1!important'>"
217.     )
218.     ; 
219.    sTemp = sTemp.
220.     replace
221.     (
222.       //[fgcolor/=([^/]]+)/]/gi,
223.       "<span style='color:$1!important'>"
224.     )
225.     ;
226.    sTemp = sTemp.
227.     replace
228.     (
229.       //[//(bgcolor|fgcolor)/]/gi,
230.       "</span>"
231.     )
232.     ;
233.     
234.    // [email]
235.    sTemp = sTemp.
236.     replace
237.     (
238.      /(/[email/])([/s/S]+?)/[//email/]/gi,
239.      function($1, $2, $3)
240.      {
241.       if($3.indexOf($2)>-1)
242.       {
243.         return $1;
244.       }
245.       return "<a href='mailto:"+fStrTrim($3)+"' target='_blank' class='Ubbemail'>"+$3+"</a>";
246.      }
247.     )
248.     ;
249.     
250.    // [url]
251.    sTemp = sTemp.
252.     replace
253.     (
254.      /(/[url/])([/s/S]+?)/[//url/]/gi,
255.      function($1, $2, $3)
256.      {
257.       if($3.indexOf($2)>-1)
258.       {
259.         return $1;
260.       }
261.       return "<a href='"+fStrTrim($3)+"' target='_blank' class='Ubburl'>"+$3+"</a>";
262.      }
263.     )
264.     ;
265.     
266.    // [anchor]
267.    sTemp = sTemp.
268.     replace
269.     (
270.      /(/[anchor/])([/s/S]+?)/[//anchor/]/gi,
271.      function($1, $2, $3)
272.      {
273.       if($3.indexOf($2)>-1)
274.       {
275.         return $1;
276.       }
277.       return "<a name='"+fStrTrim($3)+"' class='Ubbanchor'>"+$3+"</a>";
278.      }
279.     )
280.     ;
281.     
282.    // [img]
283.    sTemp = sTemp.
284.     replace
285.     (
286.      /(/[img/])([/s/S]+?)/[//img/]/gi,
287.      function($1, $2, $3)
288.      {
289.       if($3.indexOf($2)>-1)
290.       {
291.         return $1;
292.       }
293.       return "<img src='"+fStrTrim($3)+"' class='Ubbimg' />";
294.      }
295.     )
296.     ;
297.     
298.    // [icon]
299.    sTemp = sTemp.
300.     replace
301.     (
302.      //[icon/=([^///[]+)///]/gi,
303.     "<img src='"+Tl.Main.Path+"emotion/$1' class='Ubbicon' />"
304.     )
305.     ;
306.     
307.    if(Tl.Encode.Media.Bool)
308.    {
309.     // [swf]
310.     sTemp = sTemp.
311.      replace
312.      (
313.       //[swf/=(/d+),(/d+)/]([/s/S]+?)/[//swf/]/gi,
314.       function($1, $2, $3, $4)
315.       {
316.        if($4.indexOf("[swf")>-1)
317.        {
318.          return $1;
319.        }
320.        $4 = fStrTrim($4);
321.        return fDisplaySwf($2, $3, $4, "Ubbswf");
322.       }
323.      )
324.      ;
325.      
326.     // [rm]
327.     sTemp = sTemp.
328.      replace
329.      (
330.       //[rm/=(/d+),(/d+)/]([/s/S]+?)/[//rm/]/gi,
331.       function($1, $2, $3, $4)
332.       {
333.        if($4.indexOf("[rm")>-1)
334.        {
335.          return $1;
336.        }
337.        $4 = fStrTrim($4);
338.        return fDisplayRm($2, $3, $4, "Ubbrm");
339.       }
340.      )
341.      ;
342.     sTemp = sTemp.
343.      replace
344.      (
345.       //[rm]([/s/S]+?)/[//rm]/gi,
346.       function($1, $2)
347.       {
348.        if($2.indexOf("[rm")>-1)
349.        {
350.          return $1;
351.        }
352.        $2 = fStrTrim($2);
353.         return fDisplayRm(300, 0, $2, "Ubbrm");
354.       }
355.      )
356.      ;
357.      
358.     // [wmp]
359.     sTemp = sTemp.
360.      replace
361.      (
362.       //[wmp/=(/d+),(/d+)/]([/s/S]+?)/[//wmp/]/gi,
363.       function($1, $2, $3, $4)
364.       {
365.        if($4.indexOf("[wmp")>-1)
366.        {
367.          return $1;
368.        }
369.        $4 = fStrTrim($4);
370.        return fDisplayWmp($2, $3, $4, "Ubbwmp");
371.       }
372.      )
373.      ;
374.     sTemp = sTemp.
375.      replace
376.      (
377.       //[wmp]([/s/S]+?)/[//wmp]/gi,
378.       function($1, $2)
379.       {
380.        if($2.indexOf("[wmp")>-1)
381.        {
382.          return $1;
383.        }
384.        $2 = fStrTrim($2);
385.         return fDisplayWmp(300, 68, $2, "Ubbwmp");
386.       }
387.      )
388.      ;
389.    } // end if
390.      
391.    if(fIsIe())
392.    {
393.     sTemp = sTemp.replace(//r/n/g, "HHJFGHJhjgJHGJHG787687JHKJh9889")
394.      ;
395.     
396.     if(typeof(ElePre)=="object")
397.     {
398.      ElePre.innerHTML = sTemp.
399.       replace(/HHJFGHJhjgJHGJHG787687JHKJh9889/gi, "<br/>");
400.       ;
401.     }
402.     else
403.     {
404.      EleAdti.innerHTML = sTemp.
405.       replace(/HHJFGHJhjgJHGJHG787687JHKJh9889/gi, "<br/>");
406.       ;
407.     }
408.    }
409.    else
410.    {
411.     if(typeof(ElePre)=="object")
412.     {
413.      ElePre.innerHTML = sTemp;
414.     }
415.     else
416.     {
417.      EleAdti.innerHTML = sTemp.
418.       replace(/HHJFGHJhjgJHGJHG787687JHKJh9889/gi, "<br/>");
419.       ;
420.     }
421.    }
422.    
423.    if(Tl.Encode.AutoAttachLink)
424.    {
425.     if(typeof(ElePre)=="object")
426.     {
427.      fDomAtcLink(ElePre, oDocument);
428.     }
429.     else
430.     {
431.      fDomAtcLink(EleAdti, oDocument);
432.       ;
433.     }
434.    }
435.   } // end function fEncodePre
436.   
437.   function fDomAtcLink(oEle, oDocument, sLinkCssName, sEmailCssName, sTarget)
438.   {
439.    if(!oDocument) oDocument = document;
440.    if(!sTarget) sTarget = "_blank";
441.    if(!sLinkCssName) sLinkCssName = "Ubburl";
442.    if(!sEmailCssName) sEmailCssName = "Ubbemail";
443.    
444.    var oNode, sStr='', oSpan;
445.    for(var i=0, j=oEle.childNodes.length; i<j; i++)
446.    {
447.     oNode=oEle.childNodes[i];
448.     if(oNode.nodeType==3)
449.     {
450.      if(oNode.parentNode.nodeName=='A')return false;
451.      
452.      if(oNode.data.indexOf('http')<0&&oNode.data.indexOf('ftp')<0&&
453.       oNode.data.indexOf('@')<0)continue;
454.      
455.      oSpan=oDocument.createElement('span');
456.      sStr=oNode.data.replace(//&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
457.      //sStr=sqMethod.encode(oNode.data);
458.      sStr=sStr.replace(/(ht|f)tp(s|)/:[/-/w.:]+(//[^ /n/r/'/"]+|)/gi,function(match){
459.         return '<a href="'+match+'" class="sqUrl '+
460.         sLinkCssName+'" target="'+sTarget+'">'+match+'</a>'; } ); 
461.      sStr=sStr.replace(/[/w.]+@[/w/-.]+(//[^ /n/r/'/"]+|)/gi,function(match){
462.         return '<a href="mailto:'+match+'" class="sqMail '+sEmailCssName+'">'+match+'</a>'; } ); 
463.      oSpan.innerHTML=sStr;
464.      oEle.replaceChild(oSpan, oNode);
465.     } // end if
466.     if(oNode.nodeType==1)arguments.callee(oEle.childNodes[i], oDocument);
467.    } // end for
468.    oNode=oSpan=null; // shawl.qiu script
469.   } // end function fDomAtcLink
470.   
471.   function fDisplayWmp(iWidth, iHeight, sPath, sDivCssName)
472.   {
473.    if(!sPath) 
474.    {
475.     alert("wmp 路径 不能为空!");
476.     return;
477.    }
478.    
479.    sPath = sPath.replace(/^/s*|/s*$/g, "");
480.   
481.    if(!iWidth) iWidth = 500;
482.    if(!iHeight) iHeight = 68;
483.    if(!sDivCssName) sDivCssName = "Ubbwmp";
484.    
485.    return "<div class='"+sDivCssName+"'>"+ 
486.    "<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"+
487.    " class=OBJECT id=MediaPlayer width="+iWidth+" height="+iHeight+" >"+
488.    "<param name=ShowStatusBar value=-1>"+
489.    "<param name=Filename value="+sPath+">"+
490.    "<embed type=application/x-oleobject "+
491.    "codebase=http://activex.microsoft.com/activex/controls/mplayer/en/"+
492.    "nsmp2inf.cab#Version=5,1,52,701 flename=mp src="+sPath+"  width="+iWidth+" height="+iHeight+">"+
493.    "</embed>"+
494.    "</object>"+
495.    "</div>"
496.    ;
497.   } // end function fDisplayWmp
498.   
499.   function fDisplayRm(iWidth, iHeight, sPath, sDivCssName)
500.   {
501.    if(!sPath) 
502.    {
503.     alert("rm 路径 不能为空!");
504.     return;
505.    }
506.    
507.    sPath = sPath.replace(/^/s*|/s*$/g, "");
508.    if(!sDivCssName) sDivCssName = "Ubbrm";
509.    
510.    return "<div class='"+sDivCssName+"'>"+ 
511.    "<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"+
512.    " class=OBJECT id=RAOCX width="+iWidth+" height="+iHeight+">"+
513.    "<PARAM NAME=SRC VALUE="+sPath+"><PARAM NAME=CONSOLE VALUE=Clip1>"+
514.    "<PARAM NAME=CONTROLS VALUE=imagewindow>"+
515.    "<PARAM NAME=AUTOSTART VALUE=true></OBJECT><br>"+
516.    "<OBJECT classid=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA"+
517.    " height="+32+" id=video2 width="+iWidth+">"+
518.    "<PARAM NAME=SRC VALUE="+sPath+"><PARAM NAME=AUTOSTART VALUE=-1>"+
519.    "<PARAM NAME=CONTROLS VALUE=controlpanel>"+
520.    "<PARAM NAME=CONSOLE VALUE=Clip1>"+
521.    "</OBJECT>"+
522.    "</div>"
523.    ;
524.   } // end function fDisplayRm
525.   
526.   function fReplaceList($1, $2, $3, $4)
527.   {
528.    if($3.indexOf($2)>-1)
529.    { 
530.     return $1;
531.    }
532.    
533.    var sSet = $3.split(//r/n|/r|/n/);
534.    var sTemp = "";
535.    for(var i=0, j=sSet.length; i<j; i++)
536.    {
537.     sTemp += "<li>"+sSet[i]+"</li>";
538.    }
539.    
540.    return fGetTagPart($2)+sTemp+fGetTagPart($4);
541.   }
542.   
543.   function fGetTagPart(ipt)
544.   {
545.    return ipt.replace(//[/g, "<").replace(//]/g, ">");
546.   }
547.   
548.   function fDisplaySwf(iWidth, iHeight, sPath, sDivClassName)
549.   {
550.    if(!sPath) 
551.    {
552.     alert("flash 路径 不能为空!");
553.     return;
554.    }
555.    
556.    sPath = sPath.replace(/^/s*|/s*$/g, "");
557.   
558.    if(!iWidth) iWidth = 500;
559.    if(!iHeight) iHeight = 500;
560.    if(!sDivClassName) sDivClassName = "Ubbswf";
561.    
562.    return "<div class='"+sDivClassName+
563.     "'><object classid=/"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000/" "+
564.     "codebase=/"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version="+
565.     "5,0,0,0/"  width=/""+iWidth+"/" height=/""+iHeight+"/">"+
566.     "<param name=movie value=/""+sPath+"/">"+
567.     " <param name=quality value=high>"+
568.     "<param name=/"wmode/" value=/"transparent/">"+
569.     "<embed src=/""+sPath+"/" quality=high "+
570.     "pluginspage=/"http://www.macromedia.com/shockwave/download/"+
571.     "index.cgi?P1_Prod_Version=ShockwaveFlash/" type=/"application/x-shockwave-flash/""+
572.     "width=/""+iWidth+"/" height=/""+iHeight+"/" wmode=/"transparent/">"+
573.     "</embed> "+
574.     "</object>"+
575.     "</div>";
576.   } // end function fDisplaySwf
577.   
578.   function fStrTrim(sStr)
579.   {
580.    var o=sStr?sStr:this;
581.    if(!o||o=='')return '';
582.    return o.replace(/^/s+|/s+$/g,'');
583.   } // shawl.qiu code
584.   
585.   function fStrSpace(nStr, nTime){
586.    var nLen=arguments.length;
587.    if(nLen===0){
588.     nStr='&nbsp;'
589.     nTime=2;
590.    }
591.    if(nLen==1){
592.     nStr+='&nbsp;';
593.     nTime=2;
594.    }
595.    return new Array(nTime+1).join(nStr);
596.   } // shawl.qiu code
597.   
598.   function fFunc(sCmd, bOpt, vVal)
599.   {
600.    pTextMain.focus();
601.    switch(sCmd)
602.    {
603.     case "emptyAll":
604.      var bDel = confirm('现在清空全部内容吗?');
605.      if(bDel)
606.      {
607.       pTextMain.value = "";
608.      }
609.      return false;
610.      break;
611.      
612.     case "insertHTML":
613.      fAppendText(pTextMain, vVal);
614.      return false;
615.      break;
616.      
617.     case "emotion":
618.      fEmotion();
619.      return false;
620.      break;
621.      
622.     case "eraserAll":
623.      var bCfm = confirm('现在清除所有格式吗?');
624.      if(bCfm)
625.      {
626.       pTextMain.value = pTextMain.value.
627.        replace
628.         (
629.           //[[^/[]+?/]/g
630.           ,
631.           ""
632.         );
633.      }
634.      return false;
635.      break;
636.      
637.     case "ClearFormat":
638.      var bCfm = confirm('现在清除选中内容的格式吗?');
639.      if(bCfm)
640.      {
641.       fClearFormat(pTextMain); 
642.      }
643.      return false;
644.      break;
645.    }
646.    if(fCkBrs()==3) return false;
647.    
648.    document.execCommand(sCmd, bOpt, vVal);
649.    return false;
650.   }
651.   
652.   function fEmotion(){
653.    Tl.Popup('about:blank', 500,500);
654.    fXh('GET', Tl.Main.Path+'html/popup_emotion.htm'+Tl.Reload, fGetEmo);
655.    function fGetEmo(sSrc){
656.     sSrc=sSrc.replace(/src/="/gi,'src="'+Tl.Main.Path);
657.     if(oPopup){
658.      oPopup.document.write(sSrc);
659.      oPopup.document.close();
660.     } // end if
661.    } // end function fGetEmo
662.   } // end function fEmotion
663.   
664.   function fClearFormat(oTextMain)
665.   { // shawl.qiu script
666.    var txa = oTextMain;
667.    txa.focus();
668.    
669.    var re=//[[^/[]+?/]/g;
670.    
671.    if(document.selection&&document.selection.type== "Text")
672.    {
673.    // IE, Opera
674.    var oStr=document.selection.createRange();
675.    oStr.text=oStr.text.replace(re,"");
676.    } 
677.    else if(window.getSelection&&txa.selectionStart>-1) 
678.    {
679.     // Netscape
680.     var st=txa.selectionStart;
681.     var ed=txa.selectionEnd;
682.     txa.value=txa.value.substring(0,st)+
683.     txa.value.substring(st,ed).replace(re,"")+
684.     txa.value.slice(ed);
685.    } 
686.    else 
687.    {
688.    //txa.value+=markup;
689.    } // end if
690.   } // end function fAppendText
691.   
692.   function fAppendText(oTextMain, markup)
693.   { // shawl.qiu script
694.    var txa = oTextMain;
695.    txa.focus();
696.    
697.    if(document.selection&&document.selection.type== "Text")
698.    {
699.    // IE, Opera
700.    var oStr=document.selection.createRange();
701.    oStr.text=oStr.text+markup;
702.    } 
703.    else if(window.getSelection&&txa.selectionStart>-1) 
704.    {
705.     // Netscape
706.     var st=txa.selectionStart;
707.     var ed=txa.selectionEnd;
708.     txa.value=txa.value.substring(0,st)+
709.     txa.value.substring(st,ed)+markup+
710.     txa.value.slice(ed);
711.    } 
712.    else 
713.    {
714.    txa.value+=markup;
715.    } // end if
716.   } // end function fAppendText
717.   
718.   function fPrint()
719.   {
720.    return false;
721.   }
722.   
723.   function fIsIe()
724.   {
725.    return navigator.appName=='Microsoft Internet Explorer';
726.   }
727.   
728.   function fIsOpera(){
729.    return navigator.appName=='Opera';
730.   }
731.    
732.   function fCmd(ipt, bNotBoth)
733.   {
734.    if(ipt==""||!ipt)
735.    {
736.     alert("添加字串不能为空!");
737.     return false;
738.    }
739.    PlusUbbTag(pTextMain, ipt, bNotBoth);
740.    return false;
741.   } // end function fCmd
742.   
743.   function PlusUbbTag(oTextMain, markup, bNotBoth)
744.   { // shawl.qiu script
745.    var txa = oTextMain;
746.    txa.focus();
747.    var strEnd=markup.replace(//[/ig,'[/');
748.    if (strEnd.indexOf('=')>-1)
749.    {
750.     strEnd=strEnd.replace(/(.*?)/=.*?/]/,'$1]');
751.    } // end if
752.    
753.    switch(strEnd.match(//[/g).length)
754.    {
755.     case 2:
756.      strEnd = strEnd.replace(/(^.*?/])(.*)/, "$2$1");
757.      break;
758.    }
759.    
760.    if(document.selection&&document.selection.type== "Text")
761.    {
762.    // IE, Opera
763.     var oStr=document.selection.createRange();
764.     if(bNotBoth)
765.     {
766.       oStr.text = oStr.text + markup.replace(//]/g, "/]");
767.       return false;
768.     }
769.     oStr.text=markup+oStr.text+strEnd;
770.    } 
771.    else if(window.getSelection&&txa.selectionStart>-1) 
772.    {
773.     // Netscape
774.     var st=txa.selectionStart;
775.     var ed=txa.selectionEnd;
776.     if(bNotBoth)
777.     {
778.       txa.value=
779.        txa.value.substring(0,st) + 
780.        txa.value.substring(st,ed)+
781.        markup.replace(//]/g, "/]")+
782.        txa.value.slice(ed);
783.       return false;
784.     }
785.     txa.value=txa.value.substring(0,st)+markup+
786.     txa.value.substring(st,ed)+strEnd+
787.     txa.value.slice(ed);
788.    } 
789.    else 
790.    {
791.     if(bNotBoth)
792.     {
793.       txa.value = txa.value + markup.replace(//]/g, "/]");
794.       return false;
795.     }
796.    txa.value+=markup+strEnd;
797.    } // end if
798.    
799.    return false;
800.   } // end function PlusUbbTag
801.   
802.   function fAddText(ipt)
803.   {
804.    return false;
805.   }
806.   
807.   function fExec()
808.   {
809.    pMain = document.getElementById(Tl.Main.ID);
810.    pTextMain = document.getElementById(Tl.Main.Text.ID);
811.    
812.    if(pMain==null)
813.    {
814.     alert("无法获得UBB主域");
815.     return;
816.    } // end if
817.    
818.    if(pTextMain == null)
819.    {
820.     alert("无法获得UBB 编辑域!");
821.     return;
822.    }
823.    
824.    pForm = pTextMain.form;
825.    
826.    try
827.    {
828.     pFormSubmitFunc1 = pForm.onsubmit;
829.    }
830.    catch(e)
831.    {
832.    }
833.    
834.    try
835.    {
836.     pFormResetFunc = pForm.onreset;
837.    }
838.    catch(e)
839.    {
840.    }
841.    
842.    pForm.onreset =
843.     function()
844.     {
845.      var bReset = false;
846.      try{ bReset = pFormResetFunc(); } catch(e) {}
847.      if(bReset)
848.      {
849.        return true;
850.      } // end if
851.      return confirm("现在重置吗?");
852.     }
853.    
854.    pForm.onsubmit = 
855.     function()
856.     {
857.      var bSubmit = true;
858.      try{ bSubmit = pFormSubmitFunc1(); } catch(e) {}
859.      if(!bSubmit)
860.      {
861.        return false;
862.      } // end if
863.      return confirm("现在提交数据吗?");
864.     }
865.    
866.    if(Tl.Clear.Html)
867.    {
868.     try
869.     {
870.       pFormSubmitFunc = pForm.onsubmit;
871.     }
872.     catch(e)
873.     {
874.     } // end try
875.     
876.     pForm.onsubmit =
877.      function()
878.      {
879.        var bSubmit = true;
880.        try{ bSubmit = pFormSubmitFunc(); } catch(e) {}
881.        if(!bSubmit)
882.        {
883.          return false;
884.        } // end if
885.        pTextMain.value = pTextMain.value.replace(//>/g, "&gt;").replace(//</g,"&lt;");
886.      };
887.    }
888.    
889.    //pMain.innerHTML = "正在加载 UBB 列表, 请稍候...";
890.    fHl(pMain, false, true);
891.    fAppendStyle(Tl.Main.Path+"style/css.css");
892.    
893.    if(Tl.CallBack == null)
894.    {
895.     fXh("GET", Tl.Main.Path+pUbbHtmlPath+
896.      Tl.Reload+fRandomLetter(20)+"="+fRandomLetter(20), fCallBack);
897.    }
898.    else
899.    {
900.     fXh("GET", Tl.Main.Path+pUbbHtmlPath+
901.      Tl.Reload+fRandomLetter(20)+"="+fRandomLetter(20), Tl.CallBack);
902.    } // end if
903.    
904.   } // end function fExec;
905.   
906.   function fRandomBy(nUnder, nOver){
907.    switch(arguments.length){
908.     case 1: return parseInt(Math.random()*nUnder+1);
909.     case 2: return parseInt(Math.random()*(nOver-nUnder+1) + nUnder);
910.     default: return 0;
911.    }
912.   }  // shawl.qiu code
913.   
914.   function fRandomLetter(nLen, sCase){
915.    var ar='';
916.    var arUp=['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S',
917.     'T','U','V','W','X','Y','Z'];
918.    var arLw=['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t',
919.     'u','v','w','x','y','z'];
920.    var arDgt=[0,1,2,3,4,5,6,7,8,9];
921.    
922.    switch(sCase){
923.     case 'upper': ar=arUp; break;
924.     case 'lower': ar=arLw; break;
925.     case 'letter': ar=arUp.concat(arLw); break;
926.     default:ar=arUp.concat(arLw, arDgt);
927.    }
928.    if(nLen&&nLen>0){
929.     if(!isFinite(nLen))return false;
930.     if(nLen<0)return false;
931.     var iLetter='';
932.      nLen=parseInt(nLen);
933.      for(var i=0; i<nLen; i++){
934.       iLetter+=ar[fRandomBy(0,ar.length-1)];
935.      }
936.      return iLetter;
937.    }
938.    return ar[fRandomBy(0,ar.length-1)];
939.   } // shawl.qiu code
940.   
941.   function fCallBack(ipt)
942.   {
943.    ipt = ipt.replace(/(src/=/")(icon)/gi, "$1"+Tl.Main.Path+"$2");
944.    pMain.innerHTML = ipt;
945.   }
946.   
947.   function fXh(sMethod, sUrl,oFunc){
948.    var xh;
949.    try{
950.     xh=new XMLHttpRequest();
951.    } catch(e) {
952.     try{
953.      xh=new ActiveXObject('microsoft.xmlhttp');
954.     } catch(e){
955.      try{ xh=new ActiveXObject("Msxml2.XMLHTTP"); } catch(e){} // end try 2
956.     } // end try 1
957.    } // end try
958.    xh.open(sMethod, sUrl);
959.    xh.onreadystatechange=function(){
960.     if(xh.readyState==4&&xh.status==200){
961.      if(oFunc) oFunc(xh.responseText);
962.      else alert(xh.responseText);
963.     }
964.    }
965.    xh.send(null);
966.   } // end function fXh
967.   
968.   function fHl(oTag, sMsg, bClearExists)
969.   {
970.    if(typeof(oTag)=="string")
971.    {
972.     oTag = document.getElementById(oTag);
973.    }
974.    if(!sMsg)
975.    {
976.     sMsg = "正在加载 Ubb 标签列表, 请稍假...";
977.    }
978.    
979.    if(bClearExists)
980.    {
981.     oTag.innerHTML = "";
982.    }
983.    
984.    oTag.innerHTML += "<div style=/"display:table;width:100%;background-color:yellow!important;"+
985.     "color:black!important;text-align:center!important;margin:10px 0px;/">"+
986.     sMsg+
987.     "</div>"; 
988.   } // end function fHl
989.   function fSelect(oParent, sTargetId, evt)
990.   {
991.    var oTemp = document.getElementById(sTargetId);
992.    
993.    var iPWidth = oParent.offsetWidth;
994.    if(fIsIe())
995.    {
996.     oTemp.style.left = oParent.offsetLeft;
997.     oTemp.style.top = oParent.offsetTop+oParent.offsetHeight;
998.    }
999.    else if(fIsOpera())
1000.    {
1001.     oTemp.style.left = oParent.offsetLeft;
1002.     oTemp.style.top = oParent.offsetTop+oParent.offsetHeight;
1003.    }
1004.    else
1005.    {
1006.     oTemp.style.left = fFindPos(oParent)+"px";
1007.    }
1008.    
1009.    for(var i=0, j=oTemp.childNodes.length; i<j; i++)
1010.    {
1011.     var oTempSub = oTemp.childNodes[i];
1012.     if(oTempSub.nodeType!=1) continue;
1013.     oTempSub.className = "sqEditorCssBorder";
1014.     oTempSub.style.width = iPWidth+"px";
1015.     switch(sTargetId)
1016.     {
1017.      case "sqHeaderSize":
1018.       oTempSub.onclick = 
1019.        function()
1020.        {
1021.         var sTagName = this.childNodes[0].tagName.toLowerCase();
1022.         oParent.innerHTML = sTagName;
1023.         Tl.Cmd('['+sTagName+']');
1024.         fHidEle(this.parentNode);
1025.         return false;
1026.        } // end oTempSub.onclick
1027.       break;
1028.       
1029.      case "sqDdBgColor":
1030.       oTempSub.onclick = 
1031.        function()
1032.        {
1033.         var sTagName = this.innerHTML.toLowerCase();
1034.         oParent.innerHTML = sTagName;
1035.         oParent.style.color = this.style.color;
1036.         oParent.style.backgroundColor = this.style.backgroundColor;
1037.         Tl.Cmd('[bgcolor='+sTagName+']');
1038.         fHidEle(this.parentNode);
1039.         return false;
1040.        } // end oTempSub.onclick
1041.       break;
1042.       
1043.      case "sqDdFgColor":
1044.       oTempSub.onclick = 
1045.        function()
1046.        {
1047.         var sTagName = this.innerHTML.toLowerCase();
1048.         oParent.innerHTML = sTagName;
1049.         oParent.style.color = this.style.color;
1050.         oParent.style.backgroundColor = this.style.backgroundColor;
1051.         Tl.Cmd('[fgcolor='+sTagName+']');
1052.         fHidEle(this.parentNode);
1053.         return false;
1054.        } // end oTempSub.onclick
1055.       break;
1056.     } // end switch
1057.    } // end for
1058.    fHidEle(oTemp);
1059.     
1060.    return false;
1061.    
1062.    function fHidEle(obj)
1063.    {
1064.     obj.style.display=='none'?obj.style.display='block':obj.style.display='none';
1065.    } // end function fHidEle
1066.   } // end function fSelect
1067.     
1068.   function fGetEleOffsetPsti(oEle, iPsti)
1069.   {
1070.    if(fCkBrs()!=1) return oEle.offsetLeft;
1071.    var debug = false;
1072.    if(debug)
1073.    {
1074.     alert(
1075.      "oEle.tagName: "+oEle.tagName+
1076.      "/noEle.offsetLeft: "+oEle.offsetLeft
1077.     );
1078.    }
1079.    
1080.    iPsti = oEle.offsetLeft;
1081.    
1082.    if(oEle!=null && oEle.tagName!="BODY")
1083.    {
1084.     iPsti+=arguments.callee(oEle.parentNode, iPsti);
1085.    }
1086.    return iPsti;
1087.    
1088.    function fCkBrs()
1089.    {
1090.     switch (navigator.appName)
1091.     {
1092.      case 'Opera': return 2;
1093.      case 'Netscape': return 3;
1094.      default: return 1;
1095.     }
1096.    } // end function fCkBrs
1097.   } // end function fGetEleOffsetPsti
1098.   
1099.   function fCkBrs()
1100.   {
1101.    switch (navigator.appName)
1102.    {
1103.     case 'Opera': return 2;
1104.     case 'Netscape': return 3;
1105.     default: return 1;
1106.    }
1107.   } // end function fCkBrs
1108.   
1109.   function fAppendStyle(sPath, oDocument)
1110.   {
1111.    if(sPath==""||!sPath)
1112.    {
1113.     alert("CSS 路径不能为空!");
1114.     return;
1115.    }
1116.    
1117.    if(!oDocument)
1118.    {
1119.     oDocument = document;
1120.    }
1121.    
1122.    var oSty=oDocument.createElement('link');
1123.     oSty.href=sPath;
1124.     oSty.rel='stylesheet';
1125.     oSty.type='text/css';
1126.     oDocument.body.insertBefore(oSty, oDocument.body.firstChild);
1127.     oSty=null;   
1128.   } // end function fAppendStyle
1129.   
1130.   function fListMtd(obj, e){
1131.    if(!e)var e=window.event;
1132.    var sur=e.srcElement||e.target;
1133.    try{w.close();}catch(e){}
1134.     w=open('','newwin','width=500,height=500,left=300,top=100,scrollbars');
1135.     w.document.write('<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />');
1136.     w.document.write('<style>body{width:400px;word-w.document.writeap: break-word;}</style>');
1137.     w.focus;
1138.     w.document.ondblclick=function(){w.close();}
1139.     fListMtd(obj, w);
1140.     w.onload=function(){ w.document.title=sur.firstChild.data;};
1141.     w.document.close();
1142.    return true;
1143.    function fListMtd(obj, target){
1144.     var ar=new Array();
1145.     var j=0;
1146.     
1147.     for(var i in obj){
1148.      try{
1149.       ar[j]=i.bold()+' '+(typeof obj[i]).fontcolor('red')+
1150.       ' '+(obj[i]+'').fontcolor('blue');
1151.       j++;
1152.      }catch(e){
1153.       ar[j]=i.bold()+' '+(typeof obj[i]).fontcolor('red')+
1154.       (' empty').fontcolor('red').bold()
1155.       j++;
1156.      }
1157.     }
1158.     ar=ar.sort();
1159.     for(var i=0; i<ar.length; i++){
1160.      target.document.write(i+1,'. ',ar[i],'<br/>');
1161.     }
1162.     return true;
1163.    }
1164.   } // end function fListMtd
1165.  
1166.   function fFindPos(oEle, sReturnBy)
1167.   { // shawl.qiu script
1168.    if(!oEle)
1169.    {
1170.     alert("对象不能为空!");
1171.     return;
1172.    }
1173.    
1174.    if(sReturnBy!="y")
1175.    {
1176.     return fFindPosX(oEle);
1177.    }
1178.    else
1179.    {
1180.     return fFindPosY(oEle);
1181.    }
1182.    
1183.    function fFindPosX(oEle)
1184.    { // shawl.qiu script
1185.     var iLeft = 0;
1186.     if(oEle.offsetParent)
1187.     {
1188.      while(true)
1189.      {
1190.       iLeft += oEle.offsetLeft;
1191.       if(!oEle.offsetParent)
1192.       {
1193.         break;
1194.       } // end if 1
1195.       oEle = oEle.offsetParent;
1196.      } // end while
1197.     }
1198.     else if(oEle.x)
1199.     {
1200.       iLeft += oEle.x;
1201.     }
1202.     return iLeft;
1203.    } // end function fFindPosX
1204.    
1205.    function fFindPosY(oEle)
1206.    { // shawl.qiu script
1207.     var iTop = 0;
1208.     if(oEle.offsetParent)
1209.     {
1210.      while(true)
1211.      {
1212.       iTop += oEle.offsetTop;
1213.       if(!oEle.offsetParent)
1214.       {
1215.         break;
1216.       } // end if 1
1217.       oEle = oEle.offsetParent;
1218.      } // end while
1219.     }
1220.     else if(oEle.y)
1221.     {
1222.       iTop += oEle.y;
1223.     }
1224.     return iTop;
1225.    } // end function fFindPosX
1226.   } // end function fFindPos
1227.   
1228.   function fWinPopup(sUrl, iWidth, iHeight, sAddition){
1229.    try{oPopup.close()}catch(e){}
1230.    if(!sUrl)return false;
1231.    if(!iWidth)iWidth=screen.availWidth-200;
1232.    if(!iHeight)iHeight=screen.availHeight-150;
1233.    if(!sAddition)sAddition='';
1234.    var iMrgHor=(screen.availWidth-iWidth)/2;
1235.    var iMrgVtc=(screen.availHeight-iHeight)/2;
1236.    
1237.    oPopup=open('about:blank','sqPopup','width='+iWidth+',height='+iHeight+',left='+iMrgHor
1238.     +',top='+iMrgVtc+',scrollbars'+sAddition);
1239. 
      
1240.    oPopup.location.href=sUrl;
1241.    oPopup.focus();
1242.    oPopup.document.ondblclick=function(){oPopup.close();}
1243.    oPopup.document.onkeydown=function(){ if(oPopup.event.keyCode==27)oPopup.close(); }
1244.    return false;
1245.   } // shawl.qiu script  
1246.   //------------------------------------end private method
1247.  } // shawl.qiu code
1248.  //---------------------------------end class Ubb()---------------------------------//
1249.  
1250.  var Ubb = new sqUbbEditor();
1251. 
      
1252.