17 de febrero de 2010

Editor de texto enriquecido con JQuery - Reloaded

Hace tiempo desarrollé un plugin de jQuery para convertir un textarea en un editor de texto enriquecido, la primera versión funcionaba medio bien, tenía algunos problemas corriendo en el Internet Explorer y le faltaban muchas funciones, así que después de millones de años decidí sacar una nueva versión practicamente escribiendo el código desde cero, ¿por que desde cero? pues ahora entiendo más de jquery y el código anterior estaba bien feo y enredado, ni yo lo entendí cuando abrí el archivo, así que fue mejor hacer un borrón y cuenta nueva.

La nueva versión es más personalizable, y con más funcionalidades, como siempre lo más seguro es que tenga problemas y bugs escondidos que uno nunca encuentra pero bueno, se los dejo para que los encuentren y comenten sobre ellos.

Como la versión anterior, el plugin esta hospedado en google code, la dirección es http://code.google.com/p/jrichtext/

Para los que le gusta la historia, aquí les dejo el post anterior...

5 comentarios:

Anónimo dijo...

una pregunta como le hago para subir imagenes desde la pc

José Carrero dijo...

Por ahora esa funcionalidad no está disponible, sólo imágenes ya disponibles en algún sitio de internet pueden ser insertadas

Anónimo dijo...

El editor va genial, salvo un problema que tengo que no se si me puedes ayudar que es lo que debería mirar. Estoy grabando el contendo del editor en una BD, en firefox no me da ningun problema pero tanto explorer como chrome no graba las modificaciones, la unica manera que granben es darle a ver HTML y despues volver a ver en modo editor y una vez hecho eso darle a grabar, vamos que hasta que no haces eso el textarea no se refresca con el texto enriquecido... podrías indicarme más o menos que parte de codigo debería revisar y referente a que proceso??

Unknown dijo...

como puedo eliminar algunos menus

José Carrero dijo...

cuando ejecutes el plugin puedes pasar la opcion toolbar, alli especificas los botones y menus que quieres que aparezcan, por ejemplo si quieres mostrar solo los botones de negrita, subrayado, italica, copiar y pegar puedes hacerlo asi:

$(textarea).richText({
toolbar: [[ ["bold","italic","underline"], ["copy","paste"] ]]
})

En el archivo jquery.richtext.js al inicio esta definido un menu con todas las opciones disponibles, puedes modificarlo para que todos los editores aparezcan con las mismas opciones siempre o usar la opcion que te explique antes.

Publicar un comentario