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.

You might need to double-escape the backslash so you're storing \\n in the string. Then when reading the cookie process it back from \\n => \n — Sly_cardinal
– Sly_cardinal, Commented Jul 3, 2018 at 0:24

Sly_cardinal · Accepted Answer · 2018-07-03 00:29:17Z

10

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.

answered Jul 3, 2018 at 0:29

Sly_cardinal

13.3k5 gold badges53 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Camilo Ortegón · Accepted Answer · 2020-11-01 17:18:58Z

1

What I do is replacing the line breaks "\n" with another character, like the "\" (backslash), that I'm sure will not be used.

var myText = $('#mytextarea').val();
var myCookieValue = myText.split('\n').join('\\');
document.cookie = "mycookie=" + myCookieValue + "; path=/;"

And when you read the cookie, just make the reverse conversion:

var cookie = rawValue.split('\\').join('\n');

answered Nov 1, 2020 at 17:18

Camilo Ortegón

3,7423 gold badges29 silver badges34 bronze badges

Collectives™ on Stack Overflow

How to save cookie with line break in Javascript?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related