Appending large block of html with append()

Question

Im trying to append a large block of text using jquery\'s append().

$(\'#add_contact_btn\').click(function(event) {
    event.preventDefault();

    var large =         


        

Answer 1

Another alternative is Template literals with back-ticks:

var large = `some long text here
some long text here
some long text here`;

It's a fairly new syntax and not supported in IE though.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals