How do you display xml tags in html?

Question

How to display XML and other type of data in same page ?

Nội dung chính Show

How do I display XML content in HTML?
How do I display and in XML?
Can you put XML into HTML?
How do I display an XML tree?

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

The above XML should be displayed as it is with formatting. Also , I would like to display HTML tables and other stuff in my page. How to achieve this ?

I do get XML in STRING not through file.
I do not want to parse it
I want to display (that's it)
If you say about XSLT ( please give example )
I'm thinking to use Jquery plugin ( any examples?)

asked Sep 22, 2011 at 18:26

Simple solution is to embed inside of a <textarea> element, which will preserve both the formatting and the angle brackets. I have also removed the border with style="border:none;" which makes the textarea invisible.

Here is a sample: http://jsfiddle.net/y9fqf/1/

answered Sep 22, 2011 at 18:29

mellamokbmellamokb

55.4k12 gold badges106 silver badges135 bronze badges

4

You can use the old <xmp> tag. I don't know about browser support, but it should still work.

<HTML>

your code/tables

<xmp>
    <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>
</xmp>

Output:

your code/tables
<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>

answered Jul 13, 2014 at 13:47

KeombreKeombre

6055 silver badges11 bronze badges

1

answered Feb 26, 2016 at 9:45

mcsekarmcsekar

3862 silver badges13 bronze badges

2

If you treat the content as text, not HTML, then DOM operations should cause the data to be properly encoded. Here's how you'd do it in jQuery:

$('#container').text(xmlString);

Here's how you'd do it with standard DOM methods:

document.getElementById('container')
        .appendChild(document.createTextNode(xmlString));

If you're placing the XML inside of HTML through server-side scripting, there are bound to be encoding functions to allow you to do that (if you add what your server-side technology is, we can give you specific examples of how you'd do it).

answered Sep 22, 2011 at 18:32

JacobJacob

76.2k24 gold badges146 silver badges225 bronze badges

5

2017 Update I guess. textarea worked fine for me using Spring, Bootstrap and a bunch of other things. Got the SOAP payload stored in a DB, read by Spring and push via Spring-MVC. xmp didn't work at all.

answered Jun 1, 2017 at 14:01

mkirouacmkirouac

1131 silver badge12 bronze badges

A simple solution for displaying XML data on an HTML page is that: go the this website

Paste your code and generate the XML code which you can use in pre-tag in HTML

to display.

answered Aug 4, 2021 at 18:56

How do I display XML content in HTML?

Viewing XML Files Most browsers will display an XML document with color-coded elements. Often a plus (+) or minus sign (-) to the left of the elements can be clicked to expand or collapse the element structure. To view raw XML source, try to select "View Page Source" or "View Source" from the browser menu.

How do I display and in XML?

Use & in place of & . Just in case anyone reaches this question the same i did, there is the list of escape characters in . xml files and how to escape them: ibm.com/support/knowledgecenter/en/SSEQTP_liberty/…

Can you put XML into HTML?

With Internet Explorer 5.0, XML can be embedded within HTML pages in Data Islands. The unofficial <xml> tag is used to embed XML data within HTML. Note that the <xml> tag is an HTML element, not an XML element. Data Islands can be bound to HTML elements (like HTML tables).

How do I display an XML tree?

Dragging and dropping your XML file into the browser will prompt the browser to display the XML file's code in a "tree" view. You can click the + or - (or, if you're using Chrome, the triangle) to the left of a main tag in the XML code to minimize or expand the code.