Is it possible to add a new line in mailto url?

Question

I am trying to open an email client with mailto url from my react-native app.

Code snippet used for opening a client:

const body = 'my email\nbody';

Linking.openURL(`mailto:email@example.com?subject=${subject}&body=${encodeURIComponent(body)}`);

The email client is opening (Android, Gmail), but no newlines are rendered.

I have also tried to use %0D%0A and \r\n, but no results.

Is it possible to add new lines in mailto in react-native?

react-native: 0.61.0

Android: 9

Answer 1

Just use plain old <br> tag.

example :

string newLine = `<br>`;

let body = 'Hi,'
            + newLine
            + 'This will come after 1 Line'
            + newLine +newLine + 'This will come after 2 Lines';

Output in default mail app :

Answer 2

Since replace('\n', '<br>') will only replace first occurrence. You can use

emailBody.replace(/(\n)/g, '<br>')

This will make sure all new lines are replaced.

Answer 3

This should work %0D%0A. Check this question

You do not have to use your ReactNative app to test this href, you can just paste the following within your URL bar and you will see it works as expected:

mailto:test@gmail.com?body=test%0D%0Anext

So what if you use it like this:

let body = 'my email\nbody';
body = body.replace('\n', '%0D%0A');
Linking.openURL(`mailto:email@example.com?subject=${subject}&body=${body}`);

If this works then you have an issue with encodeURIComponent.