Line Break in XML

Question

I m a beginner in web development  and I m trying to insert line breaks in my XML file  This is what my XML looks like    lt musicpage gt      lt song gt         lt title gt Song Title lt  title gt         lt lyric gt Lyrics lt  lyric gt      lt  song gt        lt song gt         lt title gt Song Title lt  title gt         lt lyric gt Lyrics lt  lyric gt      lt  song gt        lt song gt         lt title gt Song Title lt  title gt         lt lyric gt Lyrics lt  lyric gt      lt  song gt        lt song gt         lt title gt Song Title lt  title gt         lt lyric gt Lyrics lt  lyric gt      lt  song gt   lt  musicpage gt    I want to have line breaks in between the sentences for the lyrics  I tried everything from  n    xD  and other codes similar to it  PHP parsing  etc   and nothing works  Have been googling online for hours and can t seem to find the answer  I m using the XML to insert data to an HTML page using Javascript   Does anyone know how to solve this problem   And this is the JS code I used to insert the XML data to the HTML page    lt script type  text javascript  gt       if  window XMLHttpRequest        xhttp new XMLHttpRequest      else       xhttp new ActiveXObject  Microsoft XMLHTTP      xhttp open  GET   xml musicpage lyrics xml  false   xhttp send      xmlDoc xhttp responseXML   var x xmlDoc getElementsByTagName  songs    for  i 0 i lt x length i          document write   lt p class  msg head  gt         document write x i  getElementsByTagName  title   0  childNodes 0  nodeValue       document write   lt  p gt  lt p class  msg body  gt         document write x i  getElementsByTagName  lyric   0  childNodes 0  nodeValue       document write   lt  p gt        lt  script gt

User · Accepted Answer

icktoofay was close with the CData   lt myxml gt       lt record gt           lt   CDATA          Line 1  lt br   gt          Line 2  lt br   gt          Line 3  lt br   gt             gt       lt  record gt   lt  myxml gt

User · Answer

lt song gt     lt title gt Song Tigle lt  title gt     lt lyrics gt       lt line gt The is the very first line lt  line gt       lt line gt Number two and I m still feeling fine lt  line gt       lt line gt Number three and a pattern begins lt  line gt       lt line gt Add lines like this and everyone wins  lt  line gt     lt  lyrics gt   lt  song gt     Sung to the tune of Home on the Range   If it was mine I d wrap the choruses and verses in XML elements as well

User · Answer

In the XML  use literal line-breaks  nothing else needed there   The newlines will be preserved for Javascript to read them  1    Note that any indentation-spaces and preceding or trailing line-breaks are preserved too  the reason you weren t seeing them is that HTML CSS collapses whitespace into single space-characters by default    Then the easiest way is  In the HTML  do nothing  just use CSS to preserve the line-breaks   msg body       white-space  pre-line      But this also preserves your extra lines from the XML document  and doesn t work in IE 6 or 7  2    So clean up the whitespace yourself  this is one way to do it  linebreaks for clarity - Javascript is happy with or without them  3    4    get lyric     nodeValue      replace     r n t      r n t     g           replace     t   g            replace       r n     g    1     and then preserve those line-breaks with   msg body       white-space  pre     for IE 6 and 7     white-space  pre-wrap     or pre-line     or  instead of that CSS  add a  replace   r  n g    lt br   gt    after the other JavaScript  replaces    Side note  Using document write   like that is also not ideal and sometimes vulnerable to cross-site scripting attacks  but that s another subject   In relation to this answer  if you wanted to use the variation that replaces with  lt br gt   you d have to escape  lt   amp    gt       before generating the  lt br gt s    --   1  reference  sections  Element White Space Handling  and  XML Schema White Space Control  http   www usingxml com Basics XmlSpace ElementWhiteSpaceHandling   2  http   www quirksmode org css whitespace html   3  except for a few places in Javascript s syntax where its semicolon insertion is particularly annoying    4  I wrote it and tested these regexps in Linux Node js  which uses the same Javascript engine as Chrome   V8     There s a small risk some browser executes regexps differently    My test string  in javascript syntax    n nfoo   bar baz n n tmore lyrics  nare good n n

User · Answer

In XML a line break is a normal character  You can do this    lt xml gt     lt text gt some text with three lines lt  text gt   lt  xml gt    and the contents of  lt text gt  will be   some text with three lines   If this does not work for you  you are doing something wrong  Special  workarounds  like encoding the line break are unnecessary  Stuff like  n won t work  on the other hand  because XML has no escape sequences        Note that  amp  xA  is the character entity that represents a line break in serialized XML   XML has no escape sequences  means the situation when you interact with a DOM document  setting node values through the DOM API   This is where neither  amp  xA  nor things like  n will work  but an actual newline character will  How this character ends up in the serialized document  i e   file   is up to the API and should not concern you     Since you seem to wonder where your line breaks go in HTML  Take a look into your source code  there they are  HTML ignores line breaks in source code  Use  lt br gt  tags to force line breaks on screen    Here is a JavaScript function that inserts  lt br gt  into a multi-line string   function nl2br s    return s split   r  n   join   lt br gt         Alternatively you can force line breaks at new line characters with CSS   div lines       white-space  pre-line

User · Answer

If you use CDATA  you could embed the line breaks directly into the XML I think  Example    lt song gt       lt title gt Song Title lt  title gt       lt lyric gt  lt   CDATA Line 1 Line 2 Line 3   gt  lt  lyric gt   lt  song gt

User · Answer

At the end of your lines  simply add the following special character   amp  xD   That special character defines the carriage-return character

User · Answer

lt description gt  lt   CDATA first line lt br  gt second line lt br  gt    gt  lt  description gt

User · Answer

just use  amp lt br amp gt  at the end of your lines

User · Answer

If you are using CSS to style  Not recommended   you can use display block   however  this will only give you line breaks before and after the styled element

[html] Line Break in XML?

Examples related to html

Examples related to xml

Examples related to parsing

Examples related to line

Examples related to break