Display XML format data in html div

Question

I need to display a XML format data fetched from the database to be displayed in a division. But its not displaying with the xml tags on. Is there any way to get xml data as such with the tags in the div?

The xml which i need is given below:

<Name>public</name><Number>848065065639AuthDemoClient:STGKSITM01:20140109052539707</Number><Ret>y</Ret><Tmestamp>2014-01-09T17:22:15.318+05:30GCSD017263</timestamp>

But its getting displayed as follows:

public848065065639AuthDemoClient:STGKSITM01:20140109052539707y2014-01-09T17:22:15.318+05:30GCSD017263

Please suggest a solution

stackoverflow.com/a/10498334/4229270, Or If you are using PHP, you can also use <pre>XML content</pre>. — Sinto
– Sinto, Commented Jun 5, 2017 at 10:38
I think <pre> tag is enough. If you have XML data on your HTML page, just check this. <pre>XML content</pre> — Sinto
– Sinto, Commented Jun 5, 2017 at 10:53
stackoverflow.com/a/10498334/4229270, stackoverflow.com/a/4272532/4229270 — Sinto
– Sinto, Commented Jun 5, 2017 at 11:02

Abdul Khan · Accepted Answer · 2017-06-05 10:44:43Z

0

In your HTML, you can try displaying it in a textarea like below , it will display XML as it is JsFiddle Example

<div>
<textarea rows="20" cols="40" style="border:none;" disabled>
    <?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
    <cd>
        <title>Empire Burlesque</title>
        <artist>Bob Dylan</artist>
        <country>USA</country>
        <country>Columbia</country>
        <price>10.90</price>
        <year>1985</year>
    </cd>
</catalog>
</textarea>

edited Jun 5, 2017 at 10:44

answered Jun 5, 2017 at 10:38

Abdul Khan

3633 silver badges13 bronze badges

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

Comments

liamj · Accepted Answer · 2017-06-05 10:45:16Z

0

Try creating a style like this

<head>
  #xml   { padding-left: 20pt; background-color: #ffffb3; color: #990000; font-size: 14px; font-family: Courier New, Lucida Sans Typewriter, Lucida Typewriter, monospace; font-weight: 600; white-space: pre; }
</head>

Then referencing in the

<textarea id=xml rows="20" cols="40" style="border:none;" disabled>

It's the 'white-space: pre' that's the important bit...

answered Jun 5, 2017 at 10:45

liamj

231 silver badge6 bronze badges

Comments

Roberto Rodriguez · Accepted Answer · 2023-12-06 03:27:16Z

0

You can do:

xml.replaceAll("<", "&#60;")
   .replaceAll(">", "&#62;");

answered Dec 6, 2023 at 3:27

Roberto Rodriguez

3,38735 silver badges35 bronze badges

Comments

MPO · Accepted Answer · 2024-07-08 19:24:37Z

0

.
.
divResults.InnerHtml = XML2HTML(myResults);
.
.

public string XML2HTML(string pxmlString)
{
return pxmlString
.Replace("&", "&")
.Replace("<", "<")
.Replace(">", ">")
.Replace(""", """)
.Replace("\n", "<br/>")
.Replace("\t", "        ")
.Replace(" ", "  ");
}

answered Jul 8, 2024 at 19:24

MPO

1

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Display XML format data in html div

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related