Hace apenas unos meses mi conocimiento de javascript era prácticamente nulo, pero poco a poco me fui familiarizando por la necesidad de crear interfaces más amigables y llevar a cabo validaciones básicas.
Me he topado con muchas librerías hechas con javascript que mejoran de manera notable la experiencia del usuario. Una de ellas es el Rich Text Editor (RTE), que convierte un simple textarea en un campo que permite darle formato al texto. Básicamente, lo que hace es generar dinámicamente código html.
NOTA: todos los archivos necesarios (imágenes, script, hoja de estilo, etc.) se encuentran en la página que incluyo al final.
Para utilizarlo es necesario incluir la librería richtext.js o richtext_compressed.js en la sección <head>
Posteriormente hay que inicializarlo con la siguiente instrucción:
Finalmente se coloca el siguiente código JS donde debe aparecer el campo:
En el evento onSubmit de la forma (o bien en la función que se utilice para validar) se debe incluir la sentencia updateRTE('nombreCampo') o bien updateRTEs() en caso de que se tenga más de un RTE para que el texto sea enviado.
Fuente: Dynamic Drive
Me he topado con muchas librerías hechas con javascript que mejoran de manera notable la experiencia del usuario. Una de ellas es el Rich Text Editor (RTE), que convierte un simple textarea en un campo que permite darle formato al texto. Básicamente, lo que hace es generar dinámicamente código html.
NOTA: todos los archivos necesarios (imágenes, script, hoja de estilo, etc.) se encuentran en la página que incluyo al final.
Para utilizarlo es necesario incluir la librería richtext.js o richtext_compressed.js en la sección <head>
Posteriormente hay que inicializarlo con la siguiente instrucción:
initRTE(imagesPath, includesPath, cssFile);
Finalmente se coloca el siguiente código JS donde debe aparecer el campo:
writeRichText(nombreCampo, textoHtmlDefault, ancho, alto, botones, sólo lectura);
Ejemplo:
writeRichText('comentario', 'Deja un comentario' , 400, 200, true, false);
En el evento onSubmit de la forma (o bien en la función que se utilice para validar) se debe incluir la sentencia updateRTE('nombreCampo') o bien updateRTEs() en caso de que se tenga más de un RTE para que el texto sea enviado.
Fuente: Dynamic Drive
Comentarios
Publicar un comentario