Reemplazar Enter por <br> en un Textarea

TReiLeR · #1 (**permalink**) 20/10/2005, 09:53

Junto con saludarlos y molestarlos me dirijo a uds. para hacer la siguiente consulta como puedo hacer cuando alguien aprete enter en un <textarea></textarea> lo reemplaze al momento de enviar por un <br> y haci poder guadarlo en la db y no tener todo el texto junto, de ante mano muchas gracias por las ayudas prestadas.

Saludos Cordiales,

Vaalegk · #2 (**permalink**) 20/10/2005, 10:04

eso lo manejarias con el lenguaje que uses para procesar los datos, si es php
puedes usar nltobr() que te convierte los saltos de linea en <br> en asp
tendrias que hacer un replace del chr(13) (no me acuerdo bien)

Saruman · #3 (**permalink**) 20/10/2005, 10:05

ok, tengo esto... pero funciona bien cuando quieres cambiar de <br> a enters, no viceversa... y entonces esta es mi pregunta para los foreros: como hago para reemplazar en todo el contenido el chr(13) a <br> globalmente?? asi como lo tengo solo me reemplaza el de la primera linea... esto lo he buscado por todos lados y no c....

saludos

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<script language="javascript">
function ReplaceEnters(texto, conbr) {
 if (conbr) {
  texto = texto.replace(String.fromCharCode(13), "<br>");
 } else {
  texto = texto.replace(/<br>/g, String.fromCharCode(13));
 }
 alert(texto);
}
</script>
<body>
<textarea name="test" id="test" rows="10" cols="50"></textarea>
<input type="button" value="ok" onclick="ReplaceEnters(document.getElementById('test').value, true)"/>
</body>
</html>

Vaalegk · #4 (**permalink**) 20/10/2005, 10:27

asi?:

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<script language="javascript">
function ReplaceEnters(texto, conbr) {
 //para que funcione en IE y Firefox
 var nl=document.all?String.fromCharCode(13):"\n";
 if (conbr) { 	
 	while(texto.indexOf(nl)>=0){
	  texto = texto.replace(nl, "<br/>");
	  /*en IE aunque remplaces los char(13) los saltos se mantienen, debes hacer esto*/
	  if(document.all)  texto = texto.replace("\n", "");
	}
 } else {
	while(texto.indexOf("<br/>")>=0){
	  texto = texto.replace("<br/>",nl);
	}
 }
 return texto;
}
</script>
<body>
<textarea name="test" id="test" rows="10" cols="50"></textarea>
<input type="button" value="code" onclick="document.getElementById('test').value=ReplaceEnters(document.getElementById('test').value, true)"/>
<input type="button" value="decode" onclick="document.getElementById('test').value=ReplaceEnters(document.getElementById('test').value, false)"/>

</body>
</html>

Saruman · #5 (**permalink**) 20/10/2005, 10:37

asi mismo Vaalegk
gracias Carlos

tunait · #6 (**permalink**) 20/10/2005, 11:44

Buenas a todos

Saruman, se puede simplificar usando el String.fromCharCode(13) como expresión regular de la siguiente forma

Código:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<script language="javascript">
function ReplaceEnters(texto, conbr) {
 if (conbr) {
 pat = new RegExp(String.fromCharCode(13),"g")
  texto = texto.replace(pat, "<br>");
 } else {
  texto = texto.replace(/<br>/g, String.fromCharCode(13));
 }
 alert(texto);
}
</script>
<body>
<textarea name="test" id="test" rows="10" cols="50"></textarea>
<input type="button" value="ok" onclick="ReplaceEnters(document.getElementById('test').value, true)"/>
</body>
</html>

Saludos

tunait · #7 (**permalink**) 20/10/2005, 11:56

Que con cada intro explorer (Opera también) recoge dos códigos, un String.fromCharCode(10) y un String.fromCharCode(13), y mozilla sólo recoge el String.fromCharCode(10).

Para que devuelvan idénticos resultados se le puede pedir así

Código:

<script language="javascript">
function ReplaceEnters(texto, conbr) {
 if (conbr) {
 pat = new RegExp(String.fromCharCode(13),"g")
 pat2 = new RegExp(String.fromCharCode(10),"g")
  texto = texto.replace(pat, "");
   texto = texto.replace(pat2, "<br>");
 } else {
  texto = texto.replace(/<br>/g, String.fromCharCode(13));
 }
 alert(texto);
 return texto
}
</script>

Saruman · #8 (**permalink**) 20/10/2005, 12:11

super cool, gracias!!!!