C#代码处理前台html标签拼接

　　之前一篇文章是写，JavaScript处理特殊字符拼接时截断问题。最近在处理公司老软件兼容性升级时碰到的一个类似的问题，这次是后台拼接字符串，前台.aspx页面显示的。中间走了两次弯路，在此记录一下。

先看个正确的效果图。

图（1）这个图看起来是不是有点眼熟

业务处理场景简单化一下。在日期控件里显示拼接的html标签。下面代码是未处理这个bug时源代码。

  　　　　　　 StringBuilder strBld = new StringBuilder();
             CalendarDay day = e.Day;
             TableCell tc = e.Cell;

             if (day.IsOtherMonth)
             {

                 tc.Controls.Clear();
                 return;
             }
             e.Cell.Attributes.Remove("align");
             e.Cell.Attributes.Add("align", "left");
             e.Cell.CssClass = "date";

             strBld.AppendFormat("<dl><dt>");
             strBld.Append(day.Date.Day.ToString() + "日");
             strBld.Append("</dt>");
             DataRow[] drs = dsNote.Tables[].Select(" createDate>'" + day.Date.ToString() + "' and createDate<'" + day.Date.AddDays().ToString() + "'");
             if (drs.Length > )
             {
                 strBld.Append("<dd><ul>");
                 int num = ;
                 //获得数据
                 foreach (DataRow dr in drs)
                 {
                     if (num < )
                     {
                         strBld.AppendFormat("<li><img src='../images/main/manage_ico.gif' /><a onclick='opendlg({1})' nid='{1}' title='{2}'>{0}</a></li>",
                                       Globals.GetSummary(dr["title"].ToString(), ),
                                           dr["noteID"].ToString(), dr["title"].ToString());
                     }
                     else
                     {
                         strBld.AppendFormat("<li><a onclick='opendlg2(\"{0}\")'>更多....</a></li>", e.Day.Date.ToShortDateString());
                         break;
                     }
                     num++;
                 }
                 strBld.Append("</ul></dd>");
             }
             strBld.Append("</dl>");
             tc.Text = strBld.ToString();

　　拼接的字符串，“<a onclick='opendlg({1})' nid='{1}' title='{2}'>” 这种形式会在输入特殊字符“'”单引号时截断，导致后面的内容显示错误。见下图。

图（2）

　　第一次解决思路（当时很天真:D）：既然onclick里的opendlg()有用，那我直接在title里用上escapeHtml这个方法就是了。结果并没什么用。页面直接显示出来这个方法o(╯□╰)o。

图（3）

　　第二种思路是用Server.HtmlEncode()。代码30行dr["title"].ToString()这个参数用Server.HtmlEncode()包起来，满心期待的能奏效，结果还是不行，且希望越大，失望越大，日历表格整个都显示不全了。

图（4）

　　最后还是html实体编码的思路，只不过这次是换后台执行。用两个方法处理了下特殊字符。用HtmlEncode(string s)方法替代了Server.HtmlEncode()，解决问题。下面贴上代码：

        public string HtmlEncode(string s)
        {
            if (s == null)
            {
                return null;
            }
            StringBuilder sb = new StringBuilder();
            StringWriter output = new StringWriter(sb);
            HtmlEncode(s, output);
            return sb.ToString();
        }

        public void HtmlEncode(string s, TextWriter output)
        {
            if (s != null)
            {
                int length = s.Length;
                for (int i = ; i < length; i++)
                {
                    char ch = s[i];
                    char ch2 = ch;
                    if (ch2 != '"')
                    {
                        switch (ch2)
                        {
                            case '<':
                                output.Write("&lt;");
                                continue;
                            case '>':
                                output.Write("&gt;");
                                continue;
                            case '\'':
                                output.Write("'");
                                continue;
                            case '&':
                                output.Write("&amp;");
                                continue;
                            default:
                                output.Write(ch);
                                continue;
                        }
                    }
                    else
                    {
                        output.Write("&quot;");
                        continue;
                    }
                }
            }
        }

在前台要再调用下解码方法，参考代码：

 //html解码
        function htmlDecodeByRegExp(str) {
                      var s = "";
                      if(str.length == 0) return "";
                      s = str.replace(/&/g,"&");
                      s = s.replace(/&lt;/g,"<");
                     s = s.replace(/&gt;/g,">");
                      s = s.replace(/&nbsp;/g," ");
                      s = s.replace(/'/g,"\'");
                      s = s.replace(/&quot;/g,"\"");
                      return s;
                }

题外话：之前经常看博客园或者其他人写的帖子、文章，好多人分享的文章写的很好，技术上认知是一方面，排版什么的也很好。事情放到自己时才觉得，写一篇好的文字真是不容易，要很用心，有心再编辑、润色一下自己的博客，发现还是不够满意，以后再慢慢积累吧，文章中可能有的地方说的不是很清楚，欢迎大家批评指正。