Convert XML to HTML in order to change colours of tags and values

Question

0.00/5 (No votes)

See more:

Hi everyone

I just separated my XML tags from my values, but I need to actually make the colours of the tags different to the colours of the values and I was told that I need to convert the XML code to HTML in order to do that. I'm not very fluent with XML although I know the basics, so I would appreciate some assistance as if I was being taught from scratch!

This is my code so far, but it also needs to be changed because at the moment there are no child nodes.

C#

public string Load(string textFromTextbox)
{
   string list = "";
   try
   {
      XmlDocument doc = new XmlDocument();
      doc.LoadXml(textFromTextbox);

      //Get all elements in file and put them in NodeList
      NodeList = doc.GetElementsByTagName( "*" );

      for (int i = 0; i < NodeList.Count; i++)
      {
         list += (NodeList[i].Name + "\t"; + NodeList[i].InnerText + "\n\n";);
      }
   }
   catch ( IOException Ex )
   {
      MessageBox.Show( Ex.Message );
   }
   return list;
}

Also, any idea of how I can keep the tree structure with the multiple children when it displays in the textbox?

Posted 14-Apr-10 22:25pm

Aradhna Krishna

Updated 14-Apr-10 23:49pm

Sandeep Mewara

v2

Add a Solution

4 solutions

Solution 2

Ah ok. Thanks...will check it out.
I created a xslt stylesheet and tried to do it there, but i dont know how to link it to the XML because as you can see from my code above, the XML isn't actually from a file, its the text from a textbox.
I have seen samples where a physical XML file (at least thats what it looks like) was used to reference the stylesheet like this:

<asp:removed id="XML_ID" runat="server" transformsource="XML_Stylesheet.xslt" xmlns:asp="#unknown">

then

XML_ID.DocumentContent = RS[0].ToString();

where RS is a SQL DataReader, which i dont have since there is no database involved here. Any other ways i can reference it?

Sorry, im new at this! :sigh:

Posted 15-Apr-10 20:05pm

Aradhna Krishna

Updated 15-Apr-10 20:15pm

v3

Solution 3

Found the answer! I actually didnt need a Load() method in my XML class in the first place.
I created an Event Handler file (.ashx), and simply changed it to return a message, which is the XML string.
So, inside the form_load, i have

string msg = "the whole xml string with \ to escape the quotes";
context.Response.ContentType = "application/xml";
context.Response.Write(msg);

And thats all the code in that whole file! So when you run the app, in the URL box in your browser, run this file directly.
What you will get is an XML the way us programmers see it...with the whole tree structure, and with the red tags and black values.

This method does not use the .xslt, but i am currently working on getting the data to display using the .xslt reference. With that, you will see the data in a table view rather than XML view.

With regards to parents and children in the table view...they will be numbered. So if a parent is 1.1, the child will be under that as 1.1.1, 1.1.2 etc

Posted 16-Apr-10 0:57am

Aradhna Krishna

Solution 4

Managed to do the bit using the .xslt file.
I created a generic .xslt file that can be used for all XML files. All it does is specify the background colour, and creates a table with 3 columns: 1 for the number (eg: parent = 1, child = 1.1 etc), 1 for the tag name, and 1 for the value. I called the file XSLTFile1.xslt.

In the code behind the form, within the <body> <form>, i created a <table>, and inside that:
<asp:Xml ID = "XML_ID" runat="server" TransformSource="XSLTFile1.xslt"></asp:Xml>.

Then, lastly, in the form_load (i created a new form just for display purposes), all you type is
XML_ID.DocumentContent = "the xml string";

Thats it!

Posted 28-Apr-10 3:42am

Aradhna Krishna

Updated 28-Apr-10 3:43am

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

#realJSOP · Accepted Answer · 2010-04-14T23:53:00

Solution 1

You don't have to change it to XML. Get the HtmlAgility library, and use that. You can find it on CodePlex, and I'll leave the googling to you.

Posted 14-Apr-10 23:53pm

#realJSOP

Updated 14-Apr-10 23:54pm

v2