670

I have a text in a textarea and I read it out using the .value attribute.

Now I would like to remove all linebreaks (the character that is produced when you press Enter) from my text now using .replace with a regular expression, but how do I indicate a linebreak in a regex?

If that is not possible, is there another way?

1

21 Answers 21

806

How you'd find a line break varies between operating system encodings. Windows would be \r\n, but Linux just uses \n and Apple uses \r.

I found this in JavaScript line breaks:

someText = someText.replace(/(\r\n|\n|\r)/gm, "");

That should remove all kinds of line breaks.

4
  • 45
    Why is having the separate \r\n and \n and \r better than just /[\n\r]/g? Surely this is slower than it should be, as it only needs to check each character against the set of two possible options. Commented Dec 11, 2014 at 17:58
  • 3
    When parsing returned data from memcached in node.js using /[\n\r]/g did the trick for me. Thanks Gone Coding! The option in the answer butchered it.
    – Kyle Coots
    Commented Sep 21, 2018 at 3:11
  • 1
    * Apple stopped using carriage return line endings in MacOS X.
    – cael ras
    Commented Jan 9, 2022 at 7:04
  • And if you want to replace the new line with one single space, you can use: someText.replace(/[\n\r]+/g, " ");. Otherwise, you will end up with 2 spaces.
    – Vahid
    Commented Feb 6 at 0:23
647

Line breaks (better: newlines) can be one of Carriage Return (CR, \r, on older Macs), Line Feed (LF, \n, on Unices incl. Linux) or CR followed by LF (\r\n, on WinDOS). (Contrary to another answer, this has nothing to do with character encoding.)

Therefore, the most efficient RegExp literal to match all variants is

/\r?\n|\r/

If you want to match all newlines in a string, use a global match,

/\r?\n|\r/g

respectively. Then proceed with the replace method as suggested in several other answers. (Probably you do not want to remove the newlines, but replace them with other whitespace, for example the space character, so that words remain intact.)

6
  • 22
    For the sake of completeness, it should be noted that there are four different new line characters in Unicode: \u000a or \n, which is a line feed; \u000d or \r, which is a carriage return; \u2028, a line separator; and \u2029, a paragraph separator. In practice though, the regex you posted is sufficient in most cases. Commented May 30, 2012 at 17:02
  • 5
    @MathiasBynens Thanks, but U+2028 and U+2029 explicitly do not constitute line breaks in HTML (4.01), which the DOM tree and the textarea's live value are based on: w3.org/TR/html4/struct/text.html#whitespace Commented May 30, 2012 at 17:12
  • 5
    @PointedEars Yes, but HTML serialization doesn’t occur when setting the textarea’s .value dynamically, e.g. textarea.value = 'a\u2029b'; textarea.value.charAt(1) == '\u2029'; // true. But this is probably an edge case — as I said, in most cases your regex is sufficient. Commented May 30, 2012 at 18:58
  • 2
    @MathiasBynens Because U+2028 and U+2029 do not constitute line breaks in HTML (4.01), that assignment does not display two lines in the textarea with any major DOM implementation and layout engine. So nobody in their right mind would make such an assignment in the first place. Commented Jun 28, 2012 at 22:44
  • 2
    @CrabBucket You’re welcome. But your modification only works if there are literal (already escaped) “\r” and “\n” in the string, or if the code is passed to eval() or something like it (which you should avoid). Commented May 4, 2017 at 23:27
186

var str = " \n this is a string \n \n \n"

console.log(str);
console.log(str.trim());

String.trim() removes whitespace from the beginning and end of strings... including newlines.

const myString = "   \n \n\n Hey! \n I'm a string!!!         \n\n";
const trimmedString = myString.trim();

console.log(trimmedString);
// outputs: "Hey! \n I'm a string!!!"

Here's an example fiddle: http://jsfiddle.net/BLs8u/

NOTE! it only trims the beginning and end of the string, not line breaks or whitespace in the middle of the string.

3
  • 53
    This only removes line breaks from the beginning and end of the string. OP asked how to remove ALL line breaks.
    – Ian Walter
    Commented Feb 1, 2015 at 15:45
  • 7
    Yep, just adding as an option.
    – RobW
    Commented Apr 13, 2018 at 21:47
  • 4
    Worked for what I needed -- beginning and end of string. Thanks!
    – Harlin
    Commented Apr 18, 2019 at 22:39
91

You can use \n in a regex for newlines, and \r for carriage returns.

var str2 = str.replace(/\n|\r/g, "");

Different operating systems use different line endings, with varying mixtures of \n and \r. This regex will replace them all.

3
  • I think this will only replace the first occurence
    – Sebas
    Commented May 29, 2012 at 19:10
  • 8
    /\n|\r/g is more efficiently written /[\n\r]/g or even /[\n\r]+/g. Avoid alternation unless you absolutely need it. Commented May 29, 2012 at 19:56
  • 1
    Not sure if this is ment to be a complaint. It does what I said: remove EVERYTHING not in that HEX range. What chars that are depends on the char set of course, but this post was about ASCII.
    – omni
    Commented Jan 23, 2019 at 23:11
61

The simplest solution would be:

let str = '\t\n\r this  \n \t   \r  is \r a   \n test \t  \r \n';
str = str.replace(/\s+/g, ' ').trim();
console.log(str); // logs: "this is a test"

.replace() with /\s+/g regexp is changing all groups of white-spaces characters to a single space in the whole string then we .trim() the result to remove all exceeding white-spaces before and after the text.

Are considered as white-spaces characters:
[ \f\n\r\t\v​\u00a0\u1680​\u2000​-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]

2
  • 1
    Awesome, but I get it working re-assigning the variable: str = str.replace(/\s+/g, ' ').trim();
    – Fred K
    Commented Jan 12, 2020 at 9:28
  • this is the answer
    – ilia
    Commented Sep 18, 2023 at 7:16
25

If you want to remove all control characters, including CR and LF, you can use this:

myString.replace(/[^\x20-\x7E]/gmi, "")

It will remove all non-printable characters. This are all characters NOT within the ASCII HEX space 0x20-0x7E. Feel free to modify the HEX range as needed.

2
  • 2
    That will also remove some national characters from languages other than english....
    – smentek
    Commented Oct 25, 2016 at 11:56
  • Thank you! this was perfect for me. I had line breaks that were not \n and it was driving me nuts
    – Dror Bar
    Commented Jun 14, 2022 at 15:32
20

This will replace the line break by empty space.

someText = someText.replace(/(\r\n|\n|\r)/gm,"");

Read more on this article.

18
var str = "bar\r\nbaz\nfoo";

str.replace(/[\r\n]/g, '');

>> "barbazfoo"
0
17

To remove new line chars use this:

yourString.replace(/\r?\n?/g, '')

Then you can trim your string to remove leading and trailing spaces:

yourString.trim()
14

I often use this regex for (html) strings inside jsons:

replace(/[\n\r\t\s]+/g, ' ')

The strings come from a html editor of a CMS or a i18n php. The common scenarios are:

- lorem(.,)\nipsum
- lorem(.,)\n ipsum
- lorem(.,)\n
  ipsum
- lorem   ipsum
- lorem\n\nipsum
- ... many others with mixed whitespaces (\t\s) and even \r

The regex avoids this ugly things:

lorem\nipsum    => loremipsum
lorem,\nipsum   => lorem,ipsum
lorem,\n\nipsum => lorem,  ipsum
...

Surely not for all use cases and not the fastest one, but enough for most textareas and texts for websites or webapps.

1
  • This regex works great in VS Code on YouTube transcripts which have plenty of line breaks.
    – f0nzie
    Commented Aug 22 at 14:43
11

USE THIS FUNCTION BELOW AND MAKE YOUR LIFE EASY

The easiest approach is using regular expressions to detect and replace newlines in the string. In this case, we use replace function along with string to replace with, which in our case is an empty string.

function remove_linebreaks( var message ) {
    return message.replace( /[\r\n]+/gm, "" );
}

In the above expression, g and m are for global and multiline flags

10

Simple we can remove new line by using text.replace(/\n/g, " ")

const text = 'Students next year\n GO \n For Trip \n';
console.log("Original : ", text);

var removed_new_line = text.replace(/\n/g, " ");
console.log("New : ", removed_new_line);

9

The answer provided by PointedEars is everything most of us need. But by following Mathias Bynens's answer, I went on a Wikipedia trip and found this: https://en.wikipedia.org/wiki/Newline.

The following is a drop-in function that implements everything the above Wiki page considers "new line" at the time of this answer.

If something doesn't fit your case, just remove it. Also, if you're looking for performance this might not be it, but for a quick tool that does the job in any case, this should be useful.

// replaces all "new line" characters contained in `someString` with the given `replacementString`
const replaceNewLineChars = ((someString, replacementString = ``) => { // defaults to just removing
  const LF = `\u{000a}`; // Line Feed (\n)
  const VT = `\u{000b}`; // Vertical Tab
  const FF = `\u{000c}`; // Form Feed
  const CR = `\u{000d}`; // Carriage Return (\r)
  const CRLF = `${CR}${LF}`; // (\r\n)
  const NEL = `\u{0085}`; // Next Line
  const LS = `\u{2028}`; // Line Separator
  const PS = `\u{2029}`; // Paragraph Separator
  const lineTerminators = [LF, VT, FF, CR, CRLF, NEL, LS, PS]; // all Unicode `lineTerminators`
  let finalString = someString.normalize(`NFD`); // better safe than sorry? Or is it?
  for (let lineTerminator of lineTerminators) {
    if (finalString.includes(lineTerminator)) { // check if the string contains the current `lineTerminator`
      let regex = new RegExp(lineTerminator.normalize(`NFD`), `gu`); // create the `regex` for the current `lineTerminator`
      finalString = finalString.replace(regex, replacementString); // perform the replacement
    };
  };
  return finalString.normalize(`NFC`); // return the `finalString` (without any Unicode `lineTerminators`)
});
2
  • 4
    First - for people finding this not using JS - "most" RE flavors support \R which is "all" linefeeds. Secondly - why not simply someString.replace(new RegExp(lineTerminators.join('|')), '');
    – SamWhan
    Commented Jun 8, 2017 at 14:41
  • @ClasG, you make a good point. I think my line of thought when I wrote this was to only run replace() for the lineTerminators that existed in the string for performance reasons.
    – futz.co
    Commented Jun 8, 2017 at 16:00
5

A linebreak in regex is \n, so your script would be

var test = 'this\nis\na\ntest\nwith\newlines';
console.log(test.replace(/\n/g, ' '));
5

I am adding my answer, it is just an addon to the above, as for me I tried all the /n options and it didn't work, I saw my text is comming from server with double slash so I used this:

var fixedText = yourString.replace(/(\r\n|\n|\r|\\n)/gm, '');
3

Try the following code. It works on all platforms.

var break_for_winDOS = 'test\r\nwith\r\nline\r\nbreaks';
var break_for_linux = 'test\nwith\nline\nbreaks';
var break_for_older_mac = 'test\rwith\rline\rbreaks';

break_for_winDOS.replace(/(\r?\n|\r)/gm, ' ');
//output
'test with line breaks'

break_for_linux.replace(/(\r?\n|\r)/gm, ' ');
//output
'test with line breaks'

break_for_older_mac.replace(/(\r?\n|\r)/gm, ' ');
// Output
'test with line breaks'
2

If it happens that you don't need this htm characte &nbsp shile using str.replace(/(\r\n|\n|\r)/gm, "") you can use this str.split('\n').join('');

cheers

2

1st way:

const yourString = 'How are you \n I am fine \n Hah'; // Or textInput, something else

const newStringWithoutLineBreaks = yourString.replace(/(\r\n|\n|\r)/gm, "");

2nd way:

const yourString = 'How are you \n I am fine \n Hah'; // Or textInput, something else

const newStringWithoutLineBreaks = yourString.split('\n').join('');
1

This will remove all your newlines, spaces, unnecessary characters

str = '\n  \n\n\n\n\n\n\n\n\n\n\n\n  \n    \n      \n    \n    Books\n  \n    \n  \n  \n\n\n';
console.log(str);
var output = str.replace(/\n|\r|\W/g, "");

console.log(output);

'Books'

1
  • It also strip unicode characters
    – TomSawyer
    Commented Apr 13 at 10:22
0

On mac, just use \n in regexp to match linebreaks. So the code will be string.replace(/\n/g, ''), ps: the g followed means match all instead of just the first.

On windows, it will be \r\n.

-4

const text = 'test\nwith\nline\nbreaks'

const textWithoutBreaks = text.split('\n').join(' ')

2
  • 1
    Pro tip: consider adding more explanation to help everybody understand the answer more, and format your code with code fences Commented Jul 28, 2021 at 1:03
  • 1
    OP asked how to do it with regex. Also, \n is not the only linebreak that exists.
    – Eric Aya
    Commented Jul 28, 2021 at 8:23

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.