Saltar al contenido

Conservar saltos de línea en textarea

Este artículo ha sido aprobado por expertos así se garantiza la exactitud de nuestro contenido.

Solución:

Por lo general, solo necesita agregar

  • white-space: pre-line; espacio en blanco recortado a un solo espacio en blanco o

  • white-space: pre-wrap; todos los espacios en blanco preservados

al estilo del elemento (CSS), donde desea que su texto se represente con saltos de línea.

La línea rompe la entrada del usuario están preservado, ni html ni php simplemente eliminan o alteran algo. Sin embargo, el marcado html, cuando se representa para su visualización, utiliza un diferente forma de codificar saltos de línea. Hay muy buenas razones para eso. Entonces, lo que tiene que hacer es “traducir” los saltos de línea existentes en saltos de línea de estilo html.

Cómo hacerlo depende del entorno en el que esté trabajando. En general, debe traducir códigos de salto de línea como n para
etiquetas los php El lenguaje de secuencias de comandos ofrece una función para esto, por ejemplo: nl2br()

Sin embargo, tenga cuidado: esto sólo se aplica cuando representación el texto como marcado html. Esto hace no aplicar, cuando vuelve a enviar el texto a un área de texto dentro de un formulario para permitir cambiarlo, por ejemplo. En ese caso, debe conservar los saltos de línea originales tal como se recibieron.

Entonces, lo que normalmente hace es: guarda la entrada de texto sin modificar como se recibió. Al enviar ese texto nuevamente a un cliente, digamos después de leerlo de una base de datos donde lo ha guardado antes, entonces conoce la situación, cómo se presentará el texto. Es entonces cuando traduce o deja los saltos de línea existentes como están.

pudo también codifica texto inalterado que contiene saltos de línea por

...

etiquetas, así que márquelas para que se representen como preformateadas. Esto se hace, por ejemplo, cuando se muestra el código fuente en páginas html.

Recuerda que tienes la capacidad de decir si te fue de ayuda.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *