Convert HTML Tags Using C#

Question

I have a situation where I need to convert a nested HTML list like this:

<ol>
<li>Item 1
    <ol>
        <li> Item 1.1
            <ol>
                <li>Item 1.1.1</li>
                <li>Item 1.1.2</li>
            </ol>
        </li>
    </ol>
</li>
<li>Item 2
    <ol>
        <li> Item 2.1
            <ol>
                <li>Item 2.1.1</li>
                <li>Item 2.1.2</li>
            </ol>
        </li>
    </ol>
</li>

Into separate indented tables (where each ol is a table, indented properly to look like the nested table). What would be the best way to do this? I've looked that the HtmlAgility pack, but I couldn't figure out how to replace tags once I found them (I was able to find all the appropriate tags, but couldn't do anything with them)...

Basically, I need the output table(s) to look something like this:

<table>
<tr>
    <td>
        &bull;
    </td>
    <td>
        Item 1
    </td>
</tr>
</table>
<table style="margin-left: 5px;">
    <tr>
        <td>
            &bull;
        </td>
        <td>
            Item 1.1
        </td>
    </tr>
</table>
<table style="margin-left: 10px;">
    <tr>
        <td>
            &bull;
        </td>
        <td>
            Item 1.1.1
        </td>
    </tr>
    <tr>
        <td>
            &bull;
        </td>
        <td>
            Item 1.1.2
        </td>
    </tr>
</table>
<table>
    <tr>
        <td>
            &bull;
        </td>
        <td>
            Item 2
        </td>
    </tr>
</table>
<table style="margin-left: 5px;">
    <tr>
        <td>
            &bull;
        </td>
        <td>
            Item 2.1
        </td>
    </tr>
</table>
<table style="margin-left: 10px;">
    <tr>
        <td>
            &bull;
        </td>
        <td>
            Item 2.1.1
        </td>
    </tr>
    <tr>
        <td>
            &bull;
        </td>
        <td>
            Item 2.1.2
        </td>
    </tr>
</table>

Grambot · Accepted Answer · 2011-07-08 15:19:58Z

3

Just break down what you're trying to do into simpler steps.

1) Replace all <ol> with <table><tr>
2) Replace all <li> with <td>
3) Replace all </li> with </td>
4) Replace all </ol> with </tr></table>

...Or similar. Its basically a straight up translation if I'm understanding your issue correctly.

answered Jul 8, 2011 at 15:19

Grambot

4,5356 gold badges30 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nick DeMayo Over a year ago

This is what I tried originally, but the problem is, the resulting tables can't be nested...

luketorjussen · Accepted Answer · 2011-07-08 21:22:19Z

3

Would a regular expression replacing <ol> with <table> and <li> with <tr><td> not work?

edited Jul 8, 2011 at 21:22

answered Jul 8, 2011 at 15:19

luketorjussen

3,2742 gold badges25 silver badges38 bronze badges

Collectives™ on Stack Overflow

Convert HTML Tags Using C#

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related