JSFiddle - React, Tailwind, and code Playground

by superbDeveloper

HTML

<label>xreplace<textarea id="xreplace">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.{BR}Maecenas porttitor congue massa.{BR}Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.{BR}Nunc viverra imperdiet enim.{BR}Fusce est.{BR}Vivamus a tellus.{BR}Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.{BR}Proin pharetra nonummy pede. Mauris et orci.
</textarea></label> <br/>

<label>globalreplace<textarea id="globalreplace">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.{BR}Maecenas porttitor congue massa.{BR}Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.{BR}Nunc viverra imperdiet enim.{BR}Fusce est.{BR}Vivamus a tellus.{BR}Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.{BR}Proin pharetra nonummy pede. Mauris et orci.</textarea></label>

CSS

textarea {
    width:200px;
    height:100px;
}

JavaScript

function xreplace(checkMe,toberep,repwith)
{ 
    var temp = checkMe; 
    var i = temp.indexOf(toberep); 
    while(i > -1)
    {
        temp = temp.replace(toberep, repwith);
        i = temp.indexOf(toberep); 
    } 
    return temp;
}

$("textarea").each(function(){
    var curText = $(this);
    console.log(curText);
    curText.val(curText.val().replace(/{BR}/g,"\r\n"));    
});

console.log(xreplace($("#xreplace").val(),"{BR}","\r\n"));