Use a new line in the string

Question

I am trying to use  while creating a string with the new line.

Here is what I tried.

tooltip = "User is already present."+ &#13; + props.email;

But this is not working .while showing the tooltip.

Can any one help me with this ?

Add it inside the string directly. User is already present  — Rinkesh Golwala
– Rinkesh Golwala, Commented Jul 19, 2019 at 10:35

Rishab · Accepted Answer · 2019-07-19 10:38:23Z

2

In Javascript, it needs to be done by using \n.

var foo = "Bob\nis\ncool.";

tooltip = "User is already present.\n"+ props.email;

answered Jul 19, 2019 at 10:38

Rishab

1,5322 gold badges14 silver badges23 bronze badges

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

Comments

The Witness · Accepted Answer · 2019-07-19 10:40:03Z

1

String templates allow to use new lines:

tooltip = `User is already present.
${props.email}`;

answered Jul 19, 2019 at 10:40

The Witness

9207 silver badges12 bronze badges

Comments

marsibarsi · Accepted Answer · 2019-07-19 10:42:48Z

1

For example, you want to have the following text:

Hi!
I like JS

You can use \n:

const myMessage = 'Hi!\nI like JS;'

Or template strings:

const myMessage = `Hi!
I like JS`;

answered Jul 19, 2019 at 10:42

marsibarsi

1,0938 silver badges7 bronze badges

Comments

S M Hammad Shakil · Accepted Answer · 2019-07-19 10:47:22Z

1

Use template literals in javascript it makes it more easier in all cases you do not need to add additional "\n" each time to add new line just right a paragraph with in quotes for help see this link it describe it very clearly

https://flaviocopes.com/javascript-template-literals/

answered Jul 19, 2019 at 10:47

S M Hammad Shakil

991 silver badge5 bronze badges

Comments

Shehraz Khan · Accepted Answer · 2019-07-19 11:03:59Z

1

you need to set the html and get the html, like in below code you can remove first and last line and can use it as it is.

var props={email:'[email protected]'}
var htmlObject = document.createElement('div');
htmlObject.innerHTML = "User is already present. &#13;" + props.email;
tooltip = htmlObject.innerHTML ;
alert(tooltip);

edited Jul 19, 2019 at 11:03

answered Jul 19, 2019 at 10:44

Shehraz Khan

158 bronze badges

Comments

Cameron Scott · Accepted Answer · 2019-07-19 13:54:18Z

1

You must use

\n

in JavaScript code and

white-space: pre-line;

in CSS to display new line

edited Jul 19, 2019 at 13:54

Cameron Scott

1,3062 gold badges20 silver badges38 bronze badges

answered Jul 19, 2019 at 10:43

Tien Duong

2,6051 gold badge12 silver badges30 bronze badges

3 Comments

Cameron Scott Over a year ago

I think the css value is right, but the property is white-space. The full rule would be be white-space: pre-line.

Tien Duong Over a year ago

Sorry, my mistake. You're right. The correct css should be white-space: pre-line. I don't know how to edit my post.

Cameron Scott Over a year ago

I think I was able to do it for you—it should show up in just a moment or two.

Collectives™ on Stack Overflow

Use a new line in the string

6 Answers 6

Comments

Comments

Comments

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related