« Hello world!
FindBar in Chatzilla on XULRunner »

Multi-line strings in Javascript

For reference in case I lose it later. Thanks to E4X, we can now have multi-line strings similar to HEREDOC syntax (although quite a bit more verbose):

  var string = (<r><![CDATA[

     The text string goes here.  Since this is a XML CDATA section,
     stuff like <> work fine too, even if definitely invalid XML.

  ]]></r>).toString();

This syntax works fine on Greasemonkey too (trunk, 2005-10-ish, GM 0.6.3). Should be useful, especially in combination with stuff like the add CSS “pattern”…

I can’t believe how much pain it is to try to get raw text in here… This is just a bit silly. Basically had to go turn off the WYSIWYG editor cocmpletely. I guess I should try doing things in an external editor instead…

This entry was posted on 2005-10-30 at 5:55 pm and is filed under javascript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

11 Responses to “Multi-line strings in Javascript”

  1. dougmccune.com » Blog Archive » Multi-line strings in Actionscript 3 Says:
    2007-05-16 at 5:02 am

    [...] Javascript 2, so maybe some JS guys had figured this one out. Turns out they did. Here’s the JS nugget that led me to my [...]

  2. Tony Says:
    2007-07-06 at 12:35 am

    Do you know any other ways which work with IE6,7 ?

  3. mook Says:
    2007-07-06 at 2:33 pm

    Sorry, no ideas there. IE6 is old enough that if there had been a way, I’d assume smarter people would have found it :)

  4. Molla Says:
    2007-11-13 at 2:19 am

    I used something like follows and it works both in IE and FF.

    …. more content

    var page = document.getElementById(”page_html”).innerHTML;
    document.write(page);

  5. Molla Says:
    2007-11-13 at 2:21 am

    Sorry, code should be like:

    .... more content

    var page = document.getElementById("page_html").innerHTML;
    document.write(page);

  6. molla Says:
    2007-11-13 at 2:44 am

    <script id=”page_html”>
    <html>
    <body>
    There is some content
    </body>
    </html>
    </script>
    <script>
    var page = document.getElementById(”page_html”).innerHTML;
    document.write(new_page);
    </script>

  7. steve Says:
    2007-11-28 at 10:53 am

    it doesn’t work in IE though :-(

    Anybody got something similar for IE?

  8. Greasemonkey Tips - graysky Says:
    2008-02-26 at 12:25 pm

    [...] ECMAScript for XML (E4X) you can simulate HEREDOC in Javascript which is great when blasting HTML or CSS. Having to escape strings and join multi-line strings is [...]

  9. JS_newbie Says:
    2008-03-25 at 5:08 am

    Incredible, this is just what i looked for.

  10. Lev Says:
    2008-06-09 at 7:16 pm

    That should be fine:

    There is some content

    Here is the content above duplicated via JS:

    var page = document.getElementById(”page_html”).innerHTML;
    document.write(new_page);

  11. Lev Says:
    2008-06-09 at 7:17 pm

    Sorry, html tags were filtered out by wordpress in previous comment.

    That should be fine:

    <html>
    <body>
    <div id=’page_html’>
    There is some content
    </div>
    Here is the content above duplicated via JS:
    <script type=’text/javascript’>
    var page = document.getElementById(”page_html”).innerHTML;
    document.write(new_page);
    </script>
    </body>
    </html>

Leave a Reply