How to save cookie with line break in Javascript?

Question

I'm trying to save the value of a textarea into a cookie using Javascript.

The problem comes when the user enters multiple lines. Only the first line is saved and subsequent directives are ignored.

e.g.

var myText = $('#mytextarea').val();
document.cookie = "mycookie=" + myText + "; path=/;"

if myText contains the \n character which it does if the user entered multiple lines in the textarea field, then not only are the rest of the lines not stored in the cookie, but the path=/; is ignored.

Answer 1

Further to my comment about escaping the newline, the MDN cookie documentation has this note in the Write a new cookie section:

The cookie value string can use encodeURIComponent() to ensure that the string does not contain any commas, semicolons, or whitespace (which are disallowed in cookie values).

You can then use decodeURIComponent() when reading the cookie value back to get the original text.