Your Ad Here
首页 | 编程语言 | 网站建设 | 游戏天堂 | 冲浪宝典 | 网络安全 | 操作系统 | 软件时空 | 硬件指南 | 病毒相关 | IT 认证
软讯网络 > 编程语言 > .NET > C#.NET > sqEditor HTML 编辑器 for .net v1.0 By shawl.qiu
【标  题】：sqEditor HTML 编辑器 for .net v1.0 By shawl.qiu
【关键字】：sqEditor,HTML,for,.net,v1.0,By,shawl.qiu
【来  源】：http://blog.csdn.net/btbtd/archive/2007/03/03/1519745.aspx

sqEditor HTML 编辑器 for .net v1.0 By shawl.qiu

Your Ad Here

sqEditor HTML 编辑器 for .net v1.0 By shawl.qiu


目录:
1. 简介
2. 调用示例
3. 编辑示例
4. js 核心代码

内容:
1. 简介


  2. sqEditor HTML 编辑器 for .net By shawl.qiu

  4. ---/--------------------------------------------------------------------------------------

  6. version 1.0

  8. 下载:
  9. http://files.myopera.com/btbtd/csharp/class/sqEditor_for_dotNet_v1.0.7z

  11. sqEditor HTML 编辑器 for .net v1.0 是 从 sqEditor HTML 编辑器 v1.3 改写而来.

  13. sqEditor HTML 编辑器 v1.3 详细:
  14. http://blog.csdn.net/btbtd/archive/2007/01/16/1484070.aspx

  16. 基本上两者编辑功能无甚区别, 
  17. 不同的是两者的运行方式. 

  19. shawl.qiu
  20. 2007-3-2
  21. http://blog.csdn.net/btbtd

  23. © 2007-2008 shawl.qiu. All rights reserved.

2. 调用示例

  1. <%@ Page Language="C#" AutoEventWireup="True" validateRequest="false" %>
  2. <%@ import Namespace="System.Web.UI.WebControls" %>
  3. <%@ Reference Control="ac/sqEditor.ascx" %>
  4. <script runat="server">

  6.  public string EdRoot = "/sqEditor_DotNet/"; 
  7.  
  8.  void Page_Load(Object s, EventArgs e)
  9.  {
  10.   GetEditor("<b>hello</b>, test this.", edPlaceHolder, EdRoot+"ac/sqEditor.ascx",
  11.    new EventHandler(Submit));
  12.  } // end Page_Load
  13.  
  14.  public void GetEditor(string inti, PlaceHolder edPlaceHolder, string edPath, EventHandler eh)
  15.  {
  16.   sqEditor ed = (sqEditor)LoadControl(edPath); 
  17.    ed.EdRoot = EdRoot;
  18.    ed.EdIntiText = inti;
  19.    ed.SubmitEventHandler = eh;
  20.    
  21.    edPlaceHolder.Controls.Add(ed);
  22.  }
  23.  
  24.  public void Submit(Object s, EventArgs e)
  25.  {
  26.   TextBox edTextBox =
  27.    (TextBox)((Button)s).Parent.FindControl("edTextBox");
  28.    
  29.   HtmlGenericControl edIntiDiv =
  30.    (HtmlGenericControl)((Button)s).Parent.FindControl("edIntiDiv");
  31.  
  32.   edIntiDiv.InnerHtml = edTextBox.Text;
  33.   
  34.   if(edTextBox == null) return;
  35.   
  36.   debugLabel.Text = edTextBox.Text;
  37.  }
  38. </script>
  39. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  40. <html xmlns="http://www.w3.org/1999/xhtml">
  41. <head>
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>shawl.qiu template</title>
  44. <style type="text/css">
  45. /*<![CDATA[*/
  46.  @import "<% Response.Write(EdRoot); %>style/style.css";
  47.  /*]]>*/
  48. </style>
  49. </head>
  50. <body>
  51.  <form runat="server">
  52.   <asp:Label id=debugLabel runat=server
  53.    />
  54.   <div class="sqEditorDiv">
  55.    <asp:PlaceHolder id=edPlaceHolder runat=server 
  56.     />
  57.   </div>
  58.  </form>
  59.   <p/><a href="?">--back--</a>
  60. </body>
  61. </html>


3. 编辑示例

  1. <%@ Page Language="C#" AutoEventWireup="True" validateRequest="false" %>
  2. <%@ import Namespace="System.Data" %>
  3. <%@ import Namespace="System.Data.OleDb" %>
  4. <%@ import Namespace="System.IO" %>
  5. <%@ import Namespace="System.Text" %>
  6. <%@ import Namespace="System.Web.UI.WebControls" %>
  7. <%@ Assembly src="cs/Pagination.cs" %>
  8. <%@ Assembly src="cs/SQ.cs" %>
  9. <%@ import Namespace="SQ" %>
  10. <%@ Reference Control="ac/sqEditor.ascx" %>
  11. <script runat="server">

  13.  public bool Debug = false;
  14.  
  15.  public string EdRoot = "/sqEditor_DotNet/"; 
  16.  public string ReqIdStr = HttpContext.Current.Request.QueryString["id"]+"";
  17.  public string ReqAidStr = HttpContext.Current.Request.QueryString["aid"]+"";
  18.  
  19.  void Page_Load(Object s, EventArgs e)
  20.  {
  21.   string SqlCnnStr;
  22.    SqlCnnStr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source="+
  23.    @MapPath(EdRoot+"/data/shawlqiu.mdb");
  24.    
  25.   string SqlQuery;
  26.    SqlQuery = "select * from shawlqiu_";
  27.  
  28.   acDebugLabel.Text = "";
  29.   acInfoLabel.Text = "";
  30.  
  31.   switch(ReqIdStr)
  32.   {
  33.    case "addnew":
  34.     AddNewBox();
  35.     break;
  36.     
  37.    case "edit":
  38.     SqlQuery+=" where articleid = "+ReqAidStr;
  39.     EditBox(SqlQuery, SqlCnnStr, acInfoLabel);
  40.     break;
  41.     
  42.    case "display":
  43.     SqlQuery+=" where articleid = "+ReqAidStr;
  44.     acDisplayAtDataList.DataSource = Datum.GetDataTable(SqlQuery, SqlCnnStr);
  45.     acDisplayAtDataList.DataBind();
  46.     break;
  47.     
  48.    default:
  49.     SqlQuery+=" order by articleid desc";
  50.     DisplayList(Datum.GetDataTable(SqlQuery, SqlCnnStr, "hello"), acDataList);
  51.     break;
  52.   }
  53.   
  54.  } // end Page_Load
  55.  
  56.  private void EditBox(string qry, string cnn, Label InfoLabel)
  57.  {
  58.   DataTable dt = Datum.GetDataTable(qry, cnn);
  59.   
  60.   string cnt = "";
  61.   
  62.   if(dt.Rows.Count==0)
  63.   {
  64.    Utility.GoBack("查询出错, 3 秒后返回, 还有 ", 3, true, InfoLabel);
  65.    return;
  66.   }
  67.   Literal ltl = new Literal();
  68.    ltl.Text = "<h3 class='fltr algr'>编辑数据 <a href='?id=display&aid="+
  69.     HttpContext.Current.Request.QueryString["aid"]+"'>Go Article</a></h3>title: ";
  70.    edPlaceHolder.Controls.Add(ltl);
  71.    
  72.   TextBox tbx = new TextBox();
  73.    tbx.ID = "acTitle";
  74.    tbx.Columns = 80;
  75.    tbx.Text = dt.Rows[0]["title"]+"";
  76.    edPlaceHolder.Controls.Add(tbx);
  77.   
  78.   GetEditor(
  79.    System.Text.Encoding.Unicode.GetString((byte[])dt.Rows[0]["content"]), 
  80.     edPlaceHolder, EdRoot+"ac/sqEditor.ascx",
  81.    new EventHandler(SubmitEdit));
  82.  } 
  83.  
  84.  public void SubmitEdit(Object s, EventArgs e)
  85.  {
  86.   bool debug = false;
  87.   
  88.   TextBox edTextBox =
  89.    (TextBox)((Button)s).Parent.FindControl("edTextBox");
  90.    
  91.   TextBox titleTextBox =
  92.    (TextBox)edPlaceHolder.FindControl("acTitle");
  93.    
  94.   HtmlGenericControl edIntiDiv =
  95.    (HtmlGenericControl)((Button)s).Parent.FindControl("edIntiDiv");
  96.  
  97.   edIntiDiv.InnerHtml = edTextBox.Text;
  98.   
  99.   if(edTextBox == null) return;
  100.   
  101.   if((debug|Debug)&acDebugLabel!=null)
  102.   {
  103.    acDebugLabel.Text += "<li/>titleTextBox.Text: "+titleTextBox.Text;
  104.    acDebugLabel.Text += "<li/>titleTextBox.Text==\"\": "+(titleTextBox.Text=="");
  105.    
  106.    acDebugLabel.Text += "<li/>edTextBox.Text: "+edTextBox.Text;
  107.    acDebugLabel.Text += "<li/>edTextBox.Text==\"\": "+(edTextBox.Text=="");
  108.   }
  109.   
  110.   if(titleTextBox.Text=="")
  111.   {
  112.    acInfoLabel.Text += "<li/>标题不能为空! 操作被取消.";
  113.    return;
  114.   }
  115.   
  116.   if(edTextBox.Text=="")
  117.   {
  118.    edTextBox.Text += "<li/>内容不能为空! 操作被取消.";
  119.    return;
  120.   }
  121.   
  122.   string SqlCnnStr;
  123.    SqlCnnStr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source="+
  124.    @MapPath(EdRoot+"/data/shawlqiu.mdb");

  126.   OleDbConnection oCnn = new OleDbConnection(SqlCnnStr);
  127.   OleDbCommand oCmd = new OleDbCommand("update shawlqiu_ set title="+
  128.    "@title, content=@content where articleid="+ReqAidStr, oCnn);
  129.   
  130.   OleDbParameter oParamTitle = new OleDbParameter("@title", "OleDbType.Varchar");
  131.   oParamTitle.Value = titleTextBox.Text+"";
  132.   oCmd.Parameters.Add(oParamTitle);
  133.   
  134.   OleDbParameter oParamContent = new OleDbParameter("@content", "OleDbType.Binary");
  135.   oParamContent.Value = edTextBox.Text+"";
  136.   oCmd.Parameters.Add(oParamContent); 
  137.    
  138.   oCnn.Open();
  139.   oCmd.ExecuteNonQuery();
  140.   oCnn.Close();
  141.    
  142.   Utility.GoBack("数据已更新, 3 秒后返回, 还有 ", 3, true, acInfoLabel);
  143.  }

  145.  private void AddNewBox()
  146.  {
  147.   Literal ltl = new Literal();
  148.    ltl.Text = "<h3 class='fltr algr'>添加数据</h3>title: ";
  149.    edPlaceHolder.Controls.Add(ltl);
  150.    
  151.   TextBox tbx = new TextBox();
  152.    tbx.ID = "acTitle";
  153.    tbx.Columns = 80;
  154.    edPlaceHolder.Controls.Add(tbx);
  155.   
  156.   GetEditor("add new article", edPlaceHolder, EdRoot+"ac/sqEditor.ascx",
  157.    new EventHandler(SubmitNew));
  158.  }
  159.  
  160.  public void SubmitNew(Object s, EventArgs e)
  161.  {
  162.   bool debug = false;
  163.   
  164.   TextBox edTextBox =
  165.    (TextBox)((Button)s).Parent.FindControl("edTextBox");
  166.    
  167.   TextBox titleTextBox =
  168.    (TextBox)edPlaceHolder.FindControl("acTitle");
  169.    
  170.   HtmlGenericControl edIntiDiv =
  171.    (HtmlGenericControl)((Button)s).Parent.FindControl("edIntiDiv");
  172.  
  173.   edIntiDiv.InnerHtml = edTextBox.Text;
  174.   
  175.   if(edTextBox == null) return;
  176.   
  177.   if((debug|Debug)&acDebugLabel!=null)
  178.   {
  179.    acDebugLabel.Text += "<li/>titleTextBox.Text: "+titleTextBox.Text;
  180.    acDebugLabel.Text += "<li/>titleTextBox.Text==\"\": "+(titleTextBox.Text=="");
  181.    
  182.    acDebugLabel.Text += "<li/>edTextBox.Text: "+edTextBox.Text;
  183.    acDebugLabel.Text += "<li/>edTextBox.Text==\"\": "+(edTextBox.Text=="");
  184.   }
  185.   
  186.   if(titleTextBox.Text=="")
  187.   {
  188.    acInfoLabel.Text += "<li/>标题不能为空! 操作被取消.";
  189.    return;
  190.   }
  191.   
  192.   if(edTextBox.Text=="")
  193.   {
  194.    edTextBox.Text += "<li/>内容不能为空! 操作被取消.";
  195.    return;
  196.   }
  197.   string SqlCnnStr;
  198.    SqlCnnStr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source="+
  199.    @MapPath(EdRoot+"/data/shawlqiu.mdb");

  201.   OleDbConnection oCnn = new OleDbConnection(SqlCnnStr);
  202.   OleDbCommand oCmd = new OleDbCommand("insert into shawlqiu_(title, content) "+
  203.    "values(@title, @content)", oCnn);
  204.   
  205.   OleDbParameter oParamTitle = new OleDbParameter("@title", "OleDbType.Varchar");
  206.   oParamTitle.Value = titleTextBox.Text+"";
  207.   oCmd.Parameters.Add(oParamTitle);
  208.   
  209.   OleDbParameter oParamContent = new OleDbParameter("@content", "OleDbType.Binary");
  210.   oParamContent.Value = edTextBox.Text+"";
  211.   oCmd.Parameters.Add(oParamContent); 
  212.    
  213.   oCnn.Open();
  214.   oCmd.ExecuteNonQuery();
  215.   oCnn.Close();
  216.   
  217.   Utility.GoBack("数据已添加, 3 秒后返回, 还有 ", 3, "?", acInfoLabel);
  218.  }
  219.  
  220.  private void DisplayList(DataTable dt, DataList acDataList)
  221.  {
  222.   Pagination Paged=new Pagination();
  223.    Paged.Debug=false;                      // 是否为调试模式
  224.    Paged.DebugLabel=acDebugLabel;         // 显示调试信息的 Label
  225.    Paged.NavigatorLabel=acPagedLabel;     // 显示主导航条的 Label
  226.    Paged.DetailsLabel=acPagedDetailsLabel;// 显示分页明细的 Label
  227.    Paged.PageSize=20;                      // 每页大小 
  228.    Paged.Go(dt, acDataList);              // 执行分页
  229.    Paged=null;
  230.  }
  231.  
  232.  public void GetEditor(string inti, PlaceHolder edPlaceHolder, string edPath, EventHandler eh)
  233.  {
  234.   sqEditor ed = (sqEditor)LoadControl(edPath);
  235.    
  236.    ed.Debug = Debug;
  237.    
  238.    ed.EdRoot = EdRoot;
  239.    ed.EdIntiText = inti;
  240.    ed.SubmitEventHandler = eh;
  241.    
  242.    edPlaceHolder.Controls.Add(ed);
  243.  }
  244. </script>
  245. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  246. <html xmlns="http://www.w3.org/1999/xhtml">
  247. <head>
  248. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  249. <title>shawl.qiu template</title>
  250. <style type="text/css">
  251. /*<![CDATA[*/
  252.  @import "<% Response.Write(EdRoot); %>style/style.css";
  253.  /*]]>*/
  254. </style>
  255. </head>
  256. <body>
  257. <div class="Main">
  258.  <form runat="server">
  259.   <asp:Label id=acDebugLabel runat=server
  260.    />
  261.   <div class="info corRed">
  262.    <asp:Label id=acInfoLabel runat=server
  263.     />
  264.   </div>
  265.   <div class="navigator">
  266.    <span class="fltr algr">
  267.     <a href="?id=addnew">addnew</a>
  268.    </span>
  269.    <h2><a href="?">sqEditor HTML 编辑器 for .net</a></h2>
  270.   </div> 
  271.   <div class="algc">
  272.    <div class="pagedList">
  273.     <asp:Label id=acPagedLabel runat=server 
  274.      />
  275.    </div>
  276.    <div class="pagedDetails">
  277.     <asp:Label id=acPagedDetailsLabel runat=server 
  278.      />
  279.    </div>
  280.   </div>
  281.   <div class="acMain">
  282.    <asp:DataList id="acDisplayAtDataList"
  283.     BorderColor="black"
  284.     CellPadding="5"
  285.     CellSpacing="5"
  286.     RepeatDirection="Horizontal"
  287.     RepeatLayout="Flow"
  288.     RepeatColumns="10"
  289.     ShowBorder="True"
  290.     runat="server">
  291.   
  292.     <HeaderTemplate>
  293.      <ol class="acOlList">
  294.     </HeaderTemplate>
  295.     
  296.     <HeaderStyle BackColor="#aaaadd">
  297.     </HeaderStyle>
  298.    
  299.     <AlternatingItemStyle>
  300.     </AlternatingItemStyle>
  301.      
  302.     <ItemTemplate> 
  303.      <li>
  304.       <span class="algr fltr">
  305.        <a href="?id=edit&aid=<%# DataBinder.Eval(Container.DataItem, "articleid") %>">
  306.         edit
  307.        </a>
  308.        </span>
  309.       <a href="?id=display&aid=<%# DataBinder.Eval(Container.DataItem, "articleid") %>">
  310.        <%# DataBinder.Eval(Container.DataItem, "title") %>
  311.       </a>
  312.       <div class="text">
  313.        <%# 
  314.         System.Text.Encoding.Unicode.GetString(
  315.          (byte[])DataBinder.Eval(Container.DataItem, "content")
  316.         ) 
  317.        %>
  318.       </div>
  319.      </li> 
  320.     </ItemTemplate>
  321.  <%--
  322.     <SeparatorTemplate> 
  323.     </SeparatorTemplate>
  324.  --%>
  325.     <FooterTemplate>
  326.      </ol>
  327.     </FooterTemplate>
  328.    </asp:DataList>
  329.    
  330.    <asp:DataList id="acDataList"
  331.     BorderColor="black"
  332.     CellPadding="5"
  333.     CellSpacing="5"
  334.     RepeatDirection="Horizontal"
  335.     RepeatLayout="Flow"
  336.     RepeatColumns="10"
  337.     ShowBorder="True"
  338.     runat="server">
  339.   
  340.     <HeaderTemplate>
  341.      <ol class="acOlList">
  342.     </HeaderTemplate>
  343.     
  344.     <HeaderStyle BackColor="#aaaadd">
  345.     </HeaderStyle>
  346.    
  347.     <AlternatingItemStyle>
  348.     </AlternatingItemStyle>
  349.      
  350.     <ItemTemplate> 
  351.      <li>
  352.       <span class="algr fltr">
  353.        <a href="?id=edit&aid=<%# DataBinder.Eval(Container.DataItem, "articleid") %>">
  354.         edit
  355.        </a>
  356.        </span>
  357.       <a href="?id=display&aid=<%# DataBinder.Eval(Container.DataItem, "articleid") %>">
  358.        <%# DataBinder.Eval(Container.DataItem, "title") %>
  359.       </a>
  360.      </li> 
  361.     </ItemTemplate>
  362.  <%--
  363.     <SeparatorTemplate> 
  364.     </SeparatorTemplate>
  365.  --%>
  366.     <FooterTemplate>
  367.      </ol>
  368.     </FooterTemplate>
  369.    </asp:DataList>
  370.   </div> 
  371.    
  372.   <div class="sqEditorDiv">
  373.    <asp:PlaceHolder id=edPlaceHolder runat=server 
  374.     />
  375.   </div>
  376.  </form>
  377. </div>
  378.   <p/><a href="?">--back--</a>
  379. </body>
  380. </html>


4. js 核心代码

  1.  // sqEditor -- shawl.qiu script : shawl.qiu@gmail.com 
  2.  
  3.  /*-----------------------------------------------------------------------------------*\
  4.   * sqEditor HTML 编辑器 for .net v1.0
  5.  \*-----------------------------------------------------------------------------------*/
  6.     //---------------------------------begin class sqEditor()-------------------------------//
  7.  function sqEditor()
  8.  { // shawl.qiu code
  9.   //------------------------------------begin public variable
  10.   //---------------begin about
  11.   this.auSubject='sqEditor HTML 编辑器 for .net';
  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-2-29';
  17.   //---------------end about
  18.   
  19.   this.Debug = false;
  20.   
  21.   this.Root = "/sqEditor_DotNet/";
  22.   
  23.   this.Iframe = function(){}
  24.   this.Iframe.Id = "ifm";
  25.   this.Iframe.Window = "";
  26.   this.Iframe.Document = "";
  27.   
  28.   this.SubmitId = "submId";
  29.   
  30.   this.ContentTextBoxId = "ctbId";
  31.   this.IntiTextDivId = "itdId";
  32.   
  33.   this.ReloadString = "";
  34.   
  35.   this.MaxLength = 200000;
  36.   this.MinLength = 13;
  37.   
  38.   this.Word = function(){}
  39.   
  40.   this.Word.ModeTrue = "Go Design Mode";
  41.   this.Word.ModeFalse = "Go Source Mode";
  42.   
  43.   this.Word.Submit = "现在提交数据?";
  44.   this.Word.Reset = "现在重置?";
  45.   
  46.   this.Word.Submitting = "正在提交数据, 请稍候...";
  47.   this.Word.Upsize = "数据过长, 请重新编辑. 最多为: "+this.MaxLength+" 字.";
  48.   this.Word.ShortSize = "数据过短, 请重新编辑. 最小长度为: "+this.MinLength+" 字.";
  49.   //------------------------------------end public variable
  50.   
  51.   //------------------------------------begin private variable
  52.   var Tl = this;
  53.   
  54.   var IntiTextDivObj;
  55.   var ContentTextBoxObj;
  56.   
  57.   var EdMode = true;
  58.   var ReloadMode = false;
  59.   //------------------------------------end private variable
  60.   
  61.   //------------------------------------begin public method
  62.   this.Inti = fInti;  
  63.   this.Submit = fSubmit;
  64.   this.SubmitHandler = fSubmitHandler; 
  65.   this.Mode = fMode;
  66.   this.Cmd = fCmd;
  67.   this.XmlHttp = fXmlHttp;
  68.   this.Select = fSelect;
  69.   this.Popup= fPopup;
  70.   this.Reload = fReload;
  71.   this.Preview = fPreview;
  72.   this.Source = fSource;
  73.   //------------------------------------end public method
  74.  
  75.   //------------------------------------begin private method
  76.   
  77.   function fSource(){
  78.    Tl.Popup('about:blank');
  79.    oPopup.document.write('<meta http-equiv="Content-Type" content="text/html;'+
  80.    ' charset=utf-8" />');
  81.    var str=Tl.Iframe.Document.body.innerHTML;
  82.    switch(navigator.appName)
  83.    {
  84.     case 'Opera': 
  85.      str=str.replace(/<br(\/|)>/gi,'<br/>\r\n');
  86.      str=fStrEncode(str);
  87.      oPopup.document.write('<xmp><div id="sqEditorMain" class="sqEditorMain">\n',
  88.      fStdCase(str),'</div></xmp>'); break; 
  89.     case 'Netscape':
  90.      str=str.replace(/<br(\/|)>/gi,'<br/>\r\n');
  91.      str='<div id="sqEditorMain" class="sqEditorMain">\n'+str+'</div>';
  92.      str=fStrEncode(str);
  93.      oPopup.document.write('<pre>'+fStdCase(str)+'</pre>'); break; 
  94.     default: str=str.replace(/(<br(\/|)>)/gi,'<br/>\n');
  95.      oPopup.document.write('<xmp><div id="sqEditorMain" class="sqEditorMain">\n',
  96.      fStdCase(str),'</div></xmp>');
  97.    }
  98.    oPopup.document.close();
  99.   } // end function fSource
  100.   
  101.   function fPreview()
  102.   {
  103.    Tl.Popup('about:blank');
  104.    oPopup.document.write(Tl.Iframe.Document.body.innerHTML);
  105.    oPopup.document.close();
  106.    return false;
  107.   }
  108.   
  109.   function fSubmitHandler()
  110.   {
  111.    var btn = document.getElementById(Tl.SubmitId);
  112.    if(btn==null)return false;
  113.     
  114.    btn.click();
  115.    return false;
  116.   }
  117.   
  118.   function fReload()
  119.   {
  120.    if(ReloadMode)Tl.ReloadString='?id='+fRandomLetter(10);
  121.    location.replace(document.URL);
  122.    ReloadMode=true;
  123.    return false;
  124.   }
  125.   
  126.   function fSelect(obj, e)
  127.   {
  128.    if(!e)var e=window.event;
  129.    var ele=e.target||e.srcElement
  130.    
  131.    var iPsti = fGetEleOffsetPsti(ele);
  132.    
  133.     fHidEle(obj); //--
  134.     
  135.     obj.style.width=ele.offsetWidth+'px';
  136.     obj.style.left=iPsti+'px';
  137.     obj.style.top=ele.offsetTop+ele.offsetHeight+'px';
  138.     
  139.    if(obj.childNodes[0].className=='sqEditorCssBorder')return true;
  140.    
  141.    for(var i=0; i<obj.childNodes.length; i++)
  142.    {
  143.     if(obj.childNodes[i].nodeType==1)
  144.     {
  145.      obj.childNodes[i].className='sqEditorCssBorder';
  146.      obj.childNodes[i].style.width=obj.style.width;
  147.      switch(obj.id)
  148.      {
  149.       case 'sqDdFontsize':
  150.        obj.childNodes[i].onclick=function()
  151.        {
  152.         Tl.Cmd('formatBlock', false, this.childNodes[0].nodeName.toLowerCase());
  153.         fHidEle(this.parentNode); //--
  154.         ele.innerHTML=this.childNodes[0].nodeName;
  155.         return false;
  156.        }
  157.        break;
  158.        
  159.        case 'sqDdBgColor':
  160.        obj.childNodes[i].onclick=function()
  161.        {
  162.         ele.style.backgroundColor=this.innerHTML;
  163.         ele.style.color=this.style.color;
  164.         Tl.Cmd('hiliteColor', false, this.innerHTML);
  165.         fHidEle(this.parentNode); //--
  166.         return false;
  167.        }
  168.        break;
  169.         
  170.        case 'sqDdFgColor':
  171.        obj.childNodes[i].onclick=function()
  172.        {
  173.         ele.style.backgroundColor=this.innerHTML;
  174.         ele.style.color=this.style.color;
  175.         Tl.Cmd('ForeColor', false, this.innerHTML);
  176.         fHidEle(this.parentNode); //--
  177.         return false;
  178.        }
  179.        break;
  180.         
  181.        case 'sqDdFormatBlock':
  182.        obj.childNodes[i].onclick=function()
  183.        {
  184.         Tl.Cmd('formatBlock', false, this.innerHTML);
  185.         fHidEle(this.parentNode); //--
  186.         ele.innerHTML=this.innerHTML;
  187.         return false;
  188.        }
  189.        break; 
  190.      } // end switch
  191.     } // end if
  192.    } // end for
  193.    
  194.    return false;
  195.    
  196.    function fHidEle(obj){
  197.     obj.style.display=='none'?obj.style.display='block':obj.style.display='none';
  198.    } // end function fHidEle
  199.    
  200.   } // end function fSimulation
  201.   
  202.   function fCmd(sCmd, bOpt, sVal)
  203.   {
  204.    if(!sCmd)return false;
  205.    if(!bOpt)var bOpt=false;
  206.    if(!sVal)var sVal=null;
  207.    
  208.    switch(sCmd){
  209.     case 'pre': 
  210.      fPre();
  211.      return false;
  212.     case 'formatBlock':
  213.      if(sVal!='h1'&&sVal!='h2'&&sVal!='h3'&&sVal!='h5'&&sVal!='h5'&&sVal!='h6')
  214.      {
  215.       fPadTag(sVal);
  216.       return false;
  217.      }
  218.      break;
  219.     case 'emptyAll':
  220.      if(sVal==null)sVal='确实要清空内容吗?'
  221.      if(confirm(sVal))
  222.       Tl.Iframe.Document.body.innerHTML='&nbsp;'
  223.      return false;
  224.     case 'email':
  225.      fEmail();
  226.      return false;
  227.     case 'anchor': 
  228.      fAnchor();
  229.      return false;
  230.     case 'emotion': 
  231.      fEmotion();
  232.      return false;
  233.     case 'eraserAll':
  234.      fEraserAll();
  235.      return false;
  236.    } // end switch 
  237.    
  238.    if(fCkBrs()!=1)
  239.    {
  240.     switch(sCmd)
  241.     {
  242.       case 'createLink':
  243.        fLink();
  244.        return false;
  245.       case 'insertImage':
  246.        fImg();
  247.        return false;
  248.      }
  249.    } // end if
  250.    
  251.    if(fCkBrs()==1){
  252.     switch(sCmd)
  253.     {
  254.      case 'insertOrderedList': 
  255.       fOrderListForIe('ol');
  256.       return false;
  257.      case 'insertUnorderedList':
  258.       fOrderListForIe('ul');
  259.       return false;
  260.      case 'hiliteColor':
  261.       sCmd='BackColor'; 
  262.       break;
  263.      case 'insertHTML': 
  264.       fIeInsertHtml(sVal);
  265.       return false;
  266.      case 'InsertImage': 
  267.       Tl.Cmd('insertHTML', false, 
  268.        '<img src="'+sVal+'" class="sqImg" />');
  269.       return false;
  270.      case 'formatBlock':
  271.       if(sVal=='h1'||sVal=='h2'||sVal=='h3'||sVal=='h4'||sVal=='h5'||sVal=='h6')
  272.        sVal='<'+sVal+'>';
  273.       break;
  274.     } // end switch
  275.    } // end if
  276.    
  277.    Tl.Iframe.Document.execCommand(sCmd, bOpt, sVal);
  278.    return false;
  279.   }
  280.   
  281.   function fMode(){
  282.    var debug = false;
  283.    var dbs = "";
  284.    var EdBtn = document.getElementById('sqBtnMode');
  285.    
  286.    if(EdMode)
  287.    {
  288.     EdBtn.innerHTML = Tl.Word.ModeTrue;
  289.     
  290.     if(navigator.appName == "Netscape")
  291.     {
  292.      Tl.Iframe.Document.body.innerHTML=Tl.Iframe.Document.body.innerHTML.
  293.       replace(/<pre>[\s\S]*?<\/pre>/gi,
  294.       function(match)
  295.       {
  296.        return match.replace(/\r/gi,'<br>'); 
  297.       });
  298.       
  299.      var TempTextNode=document.createTextNode(Tl.Iframe.Document.body.innerHTML.
  300.       replace(/(<br(?:\/|)>)/gi,'$1\r'));
  301.       Tl.Iframe.Document.body.innerHTML='';
  302.       Tl.Iframe.Document.body.appendChild(TempTextNode); TempTextNode=null;
  303.       Tl.Iframe.Document.body.innerHTML=Tl.Iframe.Document.body.innerHTML.
  304.        replace(/\r/gi,'<br/>\r');
  305.     }
  306.     else
  307.     {
  308.      Tl.Iframe.Document.body.innerText=Tl.Iframe.Document.body.innerHTML.replace(/\n|\r/g,'').
  309.       replace(/<pre>[\s\S]*?<\/pre>/gi,
  310.       function(match){ return match.replace(/<br(\/|)>/gi,'\n'); });
  311.     
  312.      Tl.Iframe.Document.body.innerHTML=Tl.Iframe.Document.body.innerHTML.
  313.      replace(/(\&lt\;BR(?:\/|)\&gt\;)/gi,'$1<br/>'); 
  314.     } // end if 1
  315.     
  316.     EdMode = false;
  317.    }
  318.    else
  319.    {
  320.     EdBtn.innerHTML = Tl.Word.ModeFalse;
  321.     
  322.     if(navigator.appName == "Netscape")
  323.     {
  324.      Tl.Iframe.Document.body.innerHTML=Tl.Iframe.Document.body.innerHTML.replace(/\n|\r/g,'');
  325.       Tl.Iframe.Document.body.innerHTML=Tl.Iframe.Document.body.innerHTML.
  326.       replace(/\&lt\;pre\&gt\;[\s\S]+\&lt\;\/pre&gt\;/gi,
  327.        function(match){ return match.replace(/<br>/gi,'\r'); }); 
  328.      var html = Tl.Iframe.Document.body.ownerDocument.createRange();
  329.       html.selectNodeContents(Tl.Iframe.Document.body);
  330.       Tl.Iframe.Document.body.innerHTML=html.toString();
  331.       html=null;
  332.     }
  333.     else
  334.     {
  335.      Tl.Iframe.Document.body.innerHTML=Tl.Iframe.Document.body.innerText.
  336.       replace(/<pre.*?>[\s\S]*?<\/pre>/gi,function(match)
  337.       {
  338.        return match.replace(/\n/g,'<br/>'); 
  339.       }); 
  340.     } // end if 1
  341.     
  342.     EdMode = true;
  343.    } // end if
  344.    if(debug||Tl.Debug)
  345.    {
  346.     dbs += "\nEdMode: "+EdMode;
  347.     alert(dbs);
  348.    }
  349.    return false;
  350.   } // end function fMode 
  351.   
  352.   function fSubmit()
  353.   {
  354.    var debug = false;
  355.    var dbs = "";
  356.    
  357.    var oEd=document.getElementById(Tl.Iframe.Id);
  358.    var oTemp=document.createElement('div');
  359.     oTemp.id='sqPosting';
  360.     oTemp.style.backgroundColor='yellow';
  361.     oTemp.style.color='black';
  362.     oTemp.innerHTML= Tl.Word.Submitting;
  363.     oEd.parentNode.insertBefore(oTemp, oEd);
  364.     oEd=null;
  365.     oTemp=null;

  367.    if(!EdMode)
  368.    {
  369.     Tl.Mode();
  370.     EdMode=true;
  371.    }
  372.    
  373.    fAtcLink(Tl.Iframe.Document.body, Tl.Iframe.Document);
  374.    
  375.    if(!confirm(Tl.Word.Submit))
  376.    {
  377.     fCancel("sqPosting");
  378.     return false;
  379.    }
  380.    
  381.    if(Tl.Iframe.Window == null) return false;
  382.    if(ContentTextBoxObj == null) return false;
  383.    
  384.    var ifmHtml = Tl.Iframe.Document.body.innerHTML;
  385.       
  386.    if(Tl.Debug||debug)
  387.    {
  388.     dbs += "\ndebug submit:";
  389.     //dbs += "\nifmHtml: "+ifmHtml;
  390.     dbs += "\n ifmHtml.length: "+ifmHtml.length;
  391.     dbs += "\n typeof(ifmHtml.length): "+typeof(ifmHtml.length);
  392.     dbs += "\n ifmHtml.length: "+ifmHtml.length;
  393.     dbs += "\n typeof(Tl.MinLength): "+typeof(Tl.MinLength);
  394.     dbs += "\n Tl.MinLength: "+Tl.MinLength;
  395.      
  396.     alert(dbs);
  397.    }
  398.    
  399.    if(ifmHtml.length>Tl.MaxLength)
  400.    {
  401.     alert(Tl.Word.Upsize);
  402.     fCancel("sqPosting");
  403.     return false;
  404.    }
  405.       
  406.    if(ifmHtml.length<Tl.MinLength)
  407.    {
  408.     alert(Tl.Word.ShortSize);
  409.     fCancel("sqPosting");
  410.     return false;
  411.    }
  412.    
  413.    ContentTextBoxObj.value = ifmHtml;
  414.    return true;
  415.   } // end function fSubmit
  416.   
  417.   function fCancel(sId)
  418.   {
  419.    try
  420.    {
  421.     var oEd=document.getElementById(sId);
  422.     oEd.parentNode.removeChild(oEd);
  423.     oEd=null;     
  424.    } 
  425.    catch(e){}
  426.   } // end function fCancel
  427.   
  428.   function fAtcLink(obj, dcu)
  429.   {
  430.    if(!EdMode) return false;
  431.    var temp, str='', span;
  432.    for(var i=0, j=obj.childNodes.length; i<j; i++)
  433.    {
  434.     temp=obj.childNodes[i];
  435.     if(temp.nodeType==3)
  436.     {
  437.      if(temp.parentNode.nodeName=='A')return false;
  438.      if(temp.data.indexOf('http')<0&&temp.data.indexOf('ftp')<0&&
  439.       temp.data.indexOf('@')<0)continue;
  440.       
  441.      span=dcu.createElement('span');
  442.      //str=temp.data.replace(/</g,'&lt;').replace(/>/g,'&gt;');
  443.      str=fStrEncode(temp.data);
  444.      str=str.replace(/(ht|f)tp(s|)\:\/\/[\-\w.:]+(\/[^ \n\r\'\"]+|)/gi,function(match)
  445.      {
  446.       return '<a href="'+match+'" class="sqUrl">'+match+'</a>'; } );
  447.        
  448.      str=str.replace(/[\w.]+@[\w\-.]+(\/[^ \n\r\'\"]+|)/gi,function(match)
  449.      {
  450.       return '<a href="mailto:'+match+'" class="sqMail">'+match+'</a>'; 
  451.      });
  452.       
  453.      span.innerHTML=str;
  454.      obj.replaceChild(span, temp);
  455.     } 
  456.     if(temp.nodeType==1)arguments.callee(obj.childNodes[i], dcu);
  457.    } temp=span=null;
  458.   } // end function fAtcLink
  459.   
  460.   function fInti()
  461.   {
  462.    try
  463.    {
  464.     var sbmBtn = document.getElementById(Tl.SubmitId);
  465.     if(sbmBtn==null)return false;
  466.     var clkTemp = sbmBtn.onclick;
  467.     
  468.     sbmBtn.onclick=function()
  469.     {
  470.      try{clkTemp();}catch(e){}
  471.      return Tl.Submit();
  472.     }
  473.     
  474.     Tl.Iframe.Window=document.getElementById(Tl.Iframe.Id).contentWindow;
  475.     Tl.Iframe.Document=Tl.Iframe.Window.document;
  476.     
  477.     ContentTextBoxObj = document.getElementById(Tl.ContentTextBoxId)
  478.   
  479.     Tl.IntiTextDivObj=document.getElementById