TinyMCE: El textarea avanzado
(nadie ha votado todavía)
Loading ...
TinyMCE es una herramienta muy útil programada completamente en Javascript. Su función es la de sustituir los elementos textarea por unos editores de texto avanzados, con botones al estilo Word de negrita, cursiva, listados, sangría, etc.
Lo bueno es que es completamente personalizable, tú decides qué botones quieres que salgan, es muy fácil de integrar y de modificar el CSS. Además puedes descargar diferentes packs de idiomas, plugins y temas para dejarlo exactamente como quieres.
Soporta todos los grandes navegadores como Firefox, Internet Explorer, Opera y Safari.
Yo lo he utilizado muchas veces, sobre todo en administradores para empresas, de manera que el cliente puede editar sus textos y formatearlos a su gusto, siempre dentro de unos límites.
Haz clic en las imágenes para verlas en grande.
Merece la pena visitar los ejemplos que han puesto los creadores de TinyMCE para saber lo potente que es esta herramienta, con funciones completamente avanzadas, como por ejemplo un botón que hace que el textarea se ponga a pantalla completa, inserción de imágenes con vista preliminar, etc.
Es muy fácil instalarlo, sigue los siguientes pasos:
- Descargar TinyMCE.
- Extraer los archivos y copiar el contenido de la carpeta /tinymce/jscripts/tiny_mce en donde tengas los javascript de tu web.
- Introducir el siguiente código de llamada a la librería y de personalización de TinyMCE dentro de la etiqueta <HEAD>. Sustituir la ruta de la librería por la tuya (por si lo has metido en otra carpeta).
<script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"> </script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas"
});
</script>
Este último código hará que TinyMCE se ejecute cada vez que encuentre un textarea en tu página web. Además de mode existen decenas de variables para configurar, como los botones que quieres que salgan, en qué parte del textarea, etiquetas HTML válidas, etc. Tienes una guía completa de las funciones en el Wiki de TinyMCE.
ENLACES DE INTERÉS:
25 Noviembre 2007 a las 1:27 PM
Esta mucho mejor este editor que el FCKeditor, porque ademas es integrable con JBoss en sus nuevas versiones. Yo he utilizado los dos y este me parece mucho mas completo y en general, mejor.
Gracias por hacerme recordar que existe este editor Resak!