Replace '\n' with <br> in JavaScript

Question

I have var recommend = 'I recommended Garden Solutions for this Tender Contracting on the basis of\n\n1)Top Scorer for tender\n2)Professional Experience in Building Services\n3)Approved Service Providers';

I want to replace \n with an HTML break and want to display it as below:

I recommended Garden Solutions for this Tender Contracting on the basis of

1)Top Scorer for tender

2)Professional Experience in Building Services

3)Approved Service Providers

I am using JavaScript's replace function

var val = recommend.replace("\n","<br>");

But it's not working.

possible duplicate of Read line break in a string with JavaScript — JJJ
– JJJ, Commented Jul 21, 2012 at 8:18
Possible duplicate of How to replace all occurrences of a string in JavaScript? — Álvaro González
– Álvaro González, Commented Apr 26, 2017 at 15:40
Possible duplicate of JavaScript replace newline escape sequence with newline — kris_IV
– kris_IV, Commented Sep 15, 2019 at 14:14

KooiInc · Accepted Answer · 2012-07-23 16:13:05Z

7

Use a regular expression (RegExp) literal and the "global" (g) modifier:

var val = recommend.replace(/\n/g, "<br />");

Or use a RegExp directly:

var val = recommend.replace(RegExp("\n","g"), "<br>");

edited Jul 23, 2012 at 16:13

answered Jul 21, 2012 at 8:20

KooiInc

124k32 gold badges145 silver badges181 bronze badges

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

Comments

Sirko · Accepted Answer · 2012-07-21 08:19:53Z

1

By using the RegExp "\n" you just replace the first occurrence. To replace all occurrences you need to add RegExp the modifier g.

So use the following, instead, to replace all occurrences:

var val = recommend.replace( new RegExp( "\n", "g" ),"<br>");

Demo fiddle here.

answered Jul 21, 2012 at 8:19

Sirko

74.3k19 gold badges157 silver badges194 bronze badges

2 Comments

Navdeep Over a year ago

yes, I have checked working on demo fiddle. But not working on my file. not replacing '\n' with new line

Sirko Over a year ago

@Navdeep Maybe you should put a fiddle on with some of your code. The method here is correct, so your error must be somewhere else.

Collectives™ on Stack Overflow

Replace '\n' with <br> in JavaScript

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related