Display XML content in HTML page

Question

How to display XML and other type of data in same page         lt  xml version  1 0  encoding  ISO-8859-1   gt   lt catalog gt       lt cd gt           lt title gt Empire Burlesque lt  title gt           lt artist gt Bob Dylan lt  artist gt           lt country gt USA lt  country gt           lt country gt Columbia lt  country gt           lt price gt 10 90 lt  price gt           lt year gt 1985 lt  year gt       lt  cd gt   lt  catalog gt    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

User · Answer

You can use the old  lt xmp gt  tag  I don t know about browser support  but it should still work    lt HTML gt   your code tables   lt xmp gt       lt catalog gt           lt cd gt               lt title gt Empire Burlesque lt  title gt               lt artist gt Bob Dylan lt  artist gt               lt country gt USA lt  country gt               lt country gt Columbia lt  country gt               lt price gt 10 90 lt  price gt               lt year gt 1985 lt  year gt           lt  cd gt       lt  catalog gt   lt  xmp gt    Output   your code tables  lt catalog gt       lt cd gt           lt title gt Empire Burlesque lt  title gt           lt artist gt Bob Dylan lt  artist gt           lt country gt USA lt  country gt           lt country gt Columbia lt  country gt           lt price gt 10 90 lt  price gt           lt year gt 1985 lt  year gt       lt  cd gt   lt  catalog gt

User · Answer

lt pre lang  xml   gt   xmlString   lt  pre gt    This worked for me  Thanks to http   www codeproject com Answers 998872 Display-XML-in-HTML-Div answer1

User · Answer

Simple solution is to embed inside of a  lt textarea gt  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

User · Answer

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

User · Answer

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

[jquery] Display XML content in HTML page

Examples related to jquery

Examples related to html

Examples related to xml