encodeURIcomponent while constructing mailto link

Question

When i use encodeURIComponent to encode the body as shown below, and if the body has spaces in it, the resulting link is broken and appears as follows :

http://www.sample.com/sample/explore?itemId=123&type=sample&name=name with space

body = "http://www.sample.com/sample/explore?itemId=123&type=sample&name=name with space"

var newLink = "mailto:?subject=" + encodeURIComponent(subject) + "&body=" + encodeURIComponent(body);

window.location = newLin

How can i fix it and create a valid url?

console.log shows the encoded url correctly but in outlook the link is broken. It should appear as a proper hyperlink

Have you made sure that its not because of the browser displaying the unescaped version in the address bar? — techfoobar, Apr 23 '13 at 13:17
Do `console.log(newLink);` and you'll see it is encoding correctly. — techfoobar, Apr 23 '13 at 13:20

Riccardo Volpe · Answer 1 · 2019-11-17T01:10:13.357

Have you tried to replace space with %20 in the body variable?

body = "http://www.sample.com/sample/explore?itemId=123&type=sample&name=name%20with%20space"

I suggest you to use this tool to encode plain text into querystring. If you need to pass a newline (\n), for example, use the %0A for newline \n and %0D for carriage return \r . Look at this ASCII table to understand the encoding: the second column (Hx = hexadecimal ASCII representation), with a % as prefix, corresponds to the red character reported in the fifth column (Chr = character), that is, for example:

space character (fifth column, Chr, in the table) = %20 (second column, Hx, in the table) ≅ + (read this answer)

encodeURIcomponent while constructing mailto link

1 Answers1