How to Replace Newlines with `` Tags in JavaScript?

Replacing Line Breaks with HTML Elements in JavaScript

How do you replace all newlines in a string with break tags? This can be useful when displaying text with line breaks in a web application.

Solution:

To replace all line breaks in JavaScript with
elements, use the following code:

str = str.replace(/(?:\r\n|\r|\n)/g, '<br>');

The regular expression /(?:rn|r|n)/g matches all types of line breaks, including carriage returns ("r"), newlines ("n"), and carriage return followed by newlines ("rn"). The g flag ensures that all occurrences are replaced.

Explanation of the Non-Capturing Group:

The ?: before the parentheses creates a non-capturing group. This means that the matched text within the group is not saved for referencing later. This is necessary to avoid unnecessary memory usage and speed up the replacement process.

Example:

Consider the following PHP variable:

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."

After applying the JavaScript code, the result will be:

"This is man<br /><br />Man like dog.<br />Man like to drink.<br /><br />Man is the king."

The above is the detailed content of How to Replace Newlines with `` Tags in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!