jQuery javascript regex Remplacer <br>par \n

Question

Comment puis-je écrire une regex pour remplacer <br /> o <br> avec \n . J'essaie de déplacer le texte d'un div vers un textarea, mais je ne veux pas <br> à afficher dans la zone de texte, je veux donc les remplacer par \n .

Answer 1

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

ou en utilisant jQuery :

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

exemple

éditer : ajouté i drapeau

edit2 : vous pouvez utiliser /<br[^>]*>/gi qui correspondra à tout ce qui se trouve entre le br y slash si vous avez par exemple <br class="clear" />

Answer 2

myString.replace(/<br ?\/?>/g, "\n")

Answer 3

La vraie méthode jQuery si vous voulez modifier directement le DOM sans toucher au HTML interne :

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

Prepend insère à l'intérieur de l'élément, before() est la méthode dont nous avons besoin ici :

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

Le code trouvera tous les éléments <br>, insérera du texte brut avec un caractère de nouvelle ligne, puis supprimera les éléments <br>.

Cela devrait être plus rapide si vous travaillez avec des textes longs puisqu'il n'y a pas d'opérations sur les chaînes de caractères ici.

Pour afficher les nouvelles lignes :

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

Answer 4

Un bon marché et méchant serait :

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

EDIT

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

J'ai également créé un jsfiddle si nécessaire : http://jsfiddle.net/2D3xx/

Answer 5

Cela n'a pas grand-chose à voir avec jQuery, mais si vous voulez couper un motif dans une chaîne, utilisez une expression régulière :

<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>