TextArea con opción pantalla completa utilizando JavaScript y CSS

WideArea es un pequeño proyecto que podemos utilizar en la realización de campos del tipo TextArea con la funcionalidad de activar el área a pantalla completa para facilitar la escritura de textos largos.

La tecnología utilizada es bien básica, por un lado JavaScript para realizar las funciones relacionadas al accionar del campo y por otro CSS para darle un estilo personalizado y que se pueda integrar perfectamente con nuestro proyecto.

textarea a pantalla completa con JavaScript

Para utilizar WideArea simplemente debemos incorporar los archivos .js y .css a nuestro proyecto, luego agregar al campo textarea una simple etiqueta HTML data-widearea=»enable» y finalmente llamar a WideArea de la siguiente manera:

wideArea();

WideArea es una solución simple y que tiene un peso acorde a las funcionalidades que brinda, apenas 6kb en total, que corresponden a 2kb el archivo JavaScript y 4kb a la hoja de estilo.

La licencia del proyecto es MIT, como la mayoría de los proyectos similares que comentamos frecuentemente en Kabytes.

Web: WideArea