使用HtmlAgility包转换HTML

Question

I have on google all the possible ways to convert the HTML to a different type of HTML(i guess its HTML 5). I din get any lucky. I am trying to transform this( markup of RTF editor converted to HTML ) markup

<DIV STYLE="text-align:Left;font-family:Segoe UI;font-style:normal;font-weight:normal;font-size:12;color:#000000;">
    <UL STYLE="margin:0 0 0 0;padding:0 0 0 0;">
        <LI STYLE="margin:0 0 0 24;">
            <P STYLE="font-family:Microsoft Sans Serif;font-weight:bold;font-size:11.333333333333332;margin:0 0 0 0;">
                <SPAN>
                    <SPAN>open paint</SPAN>
                </SPAN>
            </P>
        </LI>
        <LI STYLE="margin:0 0 0 24;">
            <P STYLE="font-family:Microsoft Sans Serif;font-weight:bold;font-size:11.333333333333332;margin:0 0 0 0;">
                <SPAN>
                    <SPAN>open calc</SPAN>
                </SPAN>
            </P>
        </LI>
    </UL>
</DIV>

to(nicEditor markup)

<UL>
    <LI>
        <STRONG>open paint</STRONG>

    </LI>
    <LI>
        <STRONG>open calc</STRONG>
    </LI>
</UL>

using HtmlAgilityPack . I am trying to traverse through the html markup and manually replace with the 2nd markup that I want. Its has number of problems. I am not able to convert the opening and closing tags properly and apply css like formatting. I am using nicEditor from rtf editor.

Following is my c# code which I am trying to use to manually convert it.

private string transformHTML(string strTransform)
        {
            string final = "";
            if (WebUtility.HtmlDecode(strTransform).StartsWith("<DIV") || WebUtility.HtmlDecode(strTransform).StartsWith("<HTML"))
            {
                HtmlAgilityPack.HtmlDocument resultat = new HtmlAgilityPack.HtmlDocument();
                string source = WebUtility.HtmlDecode(strTransform);
                resultat.LoadHtml(source);
                string o = resultat.DocumentNode.OuterHtml;


                List<string> startStringList = new List<string>();
                List<string> lastStringList = new List<string>();
                List<string> innerTextList = new List<string>();
                List<string> newLine = new List<string>();
                StringBuilder sb = new StringBuilder();
                string innterText = "";
                string child = "";



                foreach (HtmlNode node in resultat.DocumentNode.Descendants())
                {

                    switch (node.Name.ToLower())
                    {
                        case "ul":
                            startStringList.Add("<UL>");
                            lastStringList.Add("</UL>");
                            break;

                        case "li":
                            startStringList.Add("<LI>");
                            lastStringList.Add("</LI>");
                            break;

                        case "span":
                            if (!innerTextList.Contains(node.InnerText.Trim()))
                                innerTextList.Add(node.InnerText.Trim());// = node.InnerText;
                            foreach (var item in node.Attributes)
                            {
                                string values = item.Value;
                                values = values.ToLower();
                                if (values.Contains("FONT-WEIGHT:".ToLower()))
                                {
                                    string wt = values.Split(new string[] { "FONT-WEIGHT:".ToLower() }, StringSplitOptions.None)[1].ToString();
                                    if (wt.Trim().Split(';')[0].ToLower() == "bold")
                                    {
                                        startStringList.Add("<STRONG>");
                                        lastStringList.Add("</STRONG>");
                                    }
                                }
                                if (values.Contains("FONT-STYLE:".ToLower()))
                                {
                                    string wt = values.Split(new string[] { "FONT-STYLE:".ToLower() }, StringSplitOptions.None)[1].ToString();
                                    if (wt.Trim().Split(';')[0].ToLower() == "italic")
                                    {
                                        startStringList.Add("<I>");
                                        lastStringList.Add("</I>");
                                    }
                                }

                                if (values.Contains("TEXT-DECORATION:".ToLower()))
                                {
                                    string wt = values.Split(new string[] { "TEXT-DECORATION:".ToLower() }, StringSplitOptions.None)[1].ToString();
                                    if (wt.Trim().Split(';')[0].ToLower() == "underline")
                                    {
                                        startStringList.Add("<U>");
                                        lastStringList.Add("</U>");
                                    }
                                }
                            }
                            break;
                        case "p":
                            foreach (var item in node.Attributes)
                            {
                                string values = item.Value;
                                values = values.ToLower();
                                if (values.Contains("text-align:".ToLower()))
                                {
                                    string wt = values.Split(new string[] { "text-align:".ToLower() }, StringSplitOptions.None)[1].ToString();
                                    if (wt.Trim().Split(';')[0].ToLower() == "Center".ToLower())
                                    {
                                        startStringList.Add("<P align=center>");
                                        lastStringList.Add("</P>");
                                    }

                                    if (wt.Trim().Split(';')[0].ToLower() == "Right".ToLower())
                                    {
                                        startStringList.Add("<P align=right>");
                                        lastStringList.Add("</P>");
                                    }

                                    if (wt.Trim().Split(';')[0].ToLower() == "justify".ToLower())
                                    {
                                        startStringList.Add("<P align=justify>");
                                        lastStringList.Add("</P>");
                                    }
                                    if (wt.Trim().Split(';')[0].ToLower() == "left".ToLower())
                                    {
                                        startStringList.Add("<P align=left>");
                                        lastStringList.Add("</P>");
                                    }
                                }
                                if (values.Contains("FONT-WEIGHT:".ToLower()))
                                {
                                    string wt = values.Split(new string[] { "FONT-WEIGHT:".ToLower() }, StringSplitOptions.None)[1].ToString();
                                    if (wt.Trim().Split(';')[0].ToLower() == "bold")
                                    {
                                        startStringList.Add("<STRONG>");
                                        lastStringList.Add("</STRONG>");
                                    }
                                }
                                if (values.Contains("FONT-STYLE:".ToLower()))
                                {
                                    string wt = values.Split(new string[] { "FONT-STYLE:".ToLower() }, StringSplitOptions.None)[1].ToString();
                                    if (wt.Trim().Split(';')[0].ToLower() == "italic")
                                    {
                                        startStringList.Add("<I>");
                                        lastStringList.Add("</I>");
                                    }
                                }

                                if (values.Contains("TEXT-DECORATION:".ToLower()))
                                {
                                    string wt = values.Split(new string[] { "TEXT-DECORATION:".ToLower() }, StringSplitOptions.None)[1].ToString();
                                    if (wt.Trim().Split(';')[0].ToLower() == "underline")
                                    {
                                        startStringList.Add("<U>");
                                        lastStringList.Add("</U>");
                                    }
                                }
                            }
                            break;
                    }
                }

                lastStringList.Reverse();
                foreach (var item1 in startStringList)
                {
                    final += item1;

                }
                foreach (var item3 in innerTextList)
                {
                    final += item3 + "<br>";


                }
                final += innterText;
                foreach (var item2 in lastStringList)
                {
                    final += item2;
                }

            }
            return final;
        }

Answer 1

I would consider using XDocument and XElement to do the heavy lifting of this task.

As long as you can control what goes where, you will have a far easier time doing html using an XML structure. There is an example here:

http://www.dotnetperls.com/xelement

But if you search around for XDocument and XElement , you'll find tons of documentation on the subject.

But for goodness sake, use lowercase :)