将 替换为 n

如何编写正则表达式来用 \n替换  或  。我试图将文本从 div 移动到 textarea，但是不想让  显示在 textarea 中，所以我想用 \n替换它。

146239 次浏览

小开

a cheap and nasty would be:

~~jQuery("#myDiv").html().replace(" ", "\n").replace(" ", "\n")~~

EDIT

jQuery("#myTextArea").val(
jQuery("#myDiv").html()
.replace(/\<br\>/g, "\n")
.replace(/\<br \/\>/g, "\n")
);

Also created a jsfiddle if needed: http://jsfiddle.net/2D3xx/

小开

Not really anything to do with jQuery, but if you want to trim a pattern from a string, then use a regular expression:

<textarea id="ta0"></textarea>
<button onclick="
var ta = document.getElementById('ta0');
var text = 'some<br>text<br />to<br/>replace';
var re = /<br *\/?>/gi;
ta.value = text.replace(re, '\n');
">Add stuff to text area</button>

小开

myString.replace(/ /g, "\n")

小开

最佳答案

var str = document.getElementById('mydiv').innerHTML;
document.getElementById('mytextarea').innerHTML = str.replace(/<br\s*[\/]?>/gi, "\n");

or using jQuery:

var str = $("#mydiv").html();
var regex = /<br\s*[\/]?>/gi;
$("#mydiv").html(str.replace(regex, "\n"));

example

edit: added i flag

edit2: you can use /<br[^>]*>/gi which will match anything between the br and slash if you have for example  

小开

True jQuery way if you want to change directly the DOM without messing with inner HTML:

~~$('#text').find('br').prepend(document.createTextNode('\n')).remove();~~

Prepend inserts inside the element, before() is the method we need here:

$('#text').find('br').before(document.createTextNode('\n')).remove();

Code will find any elements, insert raw text with new line character and then remove the elements.

This should be faster if you work with long texts since there are no string operations here.

To display the new lines:

$('#text').css('white-space', 'pre-line');

将 < br > 替换为 n