web-development-kb-es.site

Agregar un salto de línea en un área de texto HTML

¿Cómo puedo agregar un salto de línea al área de texto en una página html? Yo uso VB.net para la codificación del lado del servidor.

30
Nimesh Madhavan

Si no es vb puedes usar 
 (códigos ascii para cr, lf)

52
jonas

Agregue un salto de línea ("\ n") a la salida:

<textarea>Hello


Bybye</textarea>

Tendrá una nueva línea.

20
Loren Segal

Podrías usar \r\n o System.Environment.NewLine.

4
Forgotten Semicolon

Si está insertando texto de una base de datos o algo así (lo que suele hacer), convierta todo "<br /> "'s a & vbCrLf. Funciona muy bien para mí :)

4
user11334

En un área de texto, como en la entrada del formulario, solo funcionará un salto de línea normal:

<textarea>
This is a text area
line breaks are automatic
</textarea>

Si está hablando de texto normal en la página, el <br /> (o simplemente <br> si se usa HTML4 simple) es un salto de línea.

Sin embargo, diría que a menudo no quieres un salto de línea. Por lo general, su texto se separa en párrafos:

<p>
  This is some text
</p>
<p>
  This is some more
</p>

Lo cual es mucho mejor porque da una idea de cómo está estructurado su texto para las máquinas que lo leen. Las máquinas que lo leen incluyen lectores de pantalla para personas con deficiencias visuales o ciegas, la separación del texto en párrafos le da la oportunidad de presentarse correctamente a estos usuarios.

3
SpoonMeiser

Creo que esto funcionará:

TextArea.Text = "Line 1" & vbCrLf & "Line 2"

System.Environment.NewLine podría usarse en lugar de vbCrLf si quisieras ser un poco menos VB6 al respecto.

1
Garry Shutler

¡Las secuencias de escape como "\ n" funcionan bien! incluso con área de texto! Pasé una cadena Java con el "\ n" a un área de texto html y funcionó bien ya que funciona en consolas para Java.

1
Emu Malik

Aquí está mi método hecho con puro PHP y CSS:

/** PHP code    */
<?php
    $string = "the string with linebreaks";
    $string = strtr($string,array("."=>".\r\r",":"=>" : \r","-"=>"\r - "));
?>

Y el CSS:

.your_textarea_class {
style='white-space:pre-wrap';
}

Puede hacer lo mismo con regex (estoy aprendiendo cómo construir regex con pregreplace usando una matriz asociativa, parece ser mejor para agregar\n\r que hace que se muestren los descansos).

1
Dice