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

https://stackoverflow.com/a/10498334/4229270, Or If you are using PHP, you can also use
XML content
. — Sinto, Jun 05 '17 at 10:38
I think `
` tag is enough. If you have XML data on your HTML page, just check this. `
XML content
` — Sinto, Jun 05 '17 at 10:53
https://stackoverflow.com/a/10498334/4229270, https://stackoverflow.com/a/4272532/4229270 — Sinto, Jun 05 '17 at 11:02

Abdul Khan · Answer 1 · 2017-06-05T10:44:43.807

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>

score 0 · Answer 2 · answered Jun 05 '17 at 10:45

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...

Display XML format data in html div

2 Answers2