jQuery.wysiwyg, enriquece tus textareas

Contenido

jQuery.wysiwyg, enriquece tus textareas

aNieto2k hace 5492 días en: estandares, javascript, Programacion, web, webdev

No funciona en navegadores basados en WebKit (Safari, Google Chrome,…)

jQuery.wysiwyg es un plugin para jQuery que nos permite convertir elementos <textarea /> en editores de texto enriquecidos.

Este plugin, basado en WYMeditor un sistema que nos devuelve una estructura muy limpia basada en una serie básica de tags a los que podremos aplicarle estilos CSS y así formatear nuestro texto de una forma más fácil y práctica.

$('#wysiwyg').wysiwyg({
    controls : {
        alertSep : { separator : true },
        alert : {
            visible   : true,
            exec      : function() { alert('Hello World'); },
            className : 'alert'
        }
    }
});

[Demo][Descargar]

Jose Manuel nos recuerda OpenWYSIWYG una versión Open Source capaz de conseguir un sistema de formateo de texto realmente impresionante.

10 comentarios, 1 referencias

Enlaces rápidos (18-09-08) | Ultimas noticias 19/09/2008 04:09

Nicolas
@2 septiembre 16th, 2008 at 7:00 pm

Hola Andrés, ya que estamos en tema me gustaría recomendar «nicEdit», creo que alguna ves lo comentaste en el blog.

Yo lo uso para los comentarios y sinceramente queda muy bien.

Un abrazo 🙂

Responder
Abraham Estrada
@3 septiembre 16th, 2008 at 7:33 pm

Hay que tener cuidado, ya que no funciona con Safari.
Yo lo estaba usando 🙁 pero lastima.

Responder
aNieto2k
@4 septiembre 16th, 2008 at 9:32 pm

@Abraham Estrada: Es verdad, lo acabo de ver y me he quedado estupefacto O.o!

Responder
Netvicious
@5 septiembre 16th, 2008 at 9:34 pm

Para mi el mejor y mediante el cual puedes evitar los XSS es FCKEditor junto a sus librerias para php. Tal vez sea matar moscas a cañonazos pero la seguridad cuando tu eres el que montas una aplicación web (que no es lo mismo que coger un CMS ya montado) es importante.

http://www.fckeditor.net/

Responder
sumolari
@6 septiembre 17th, 2008 at 5:56 am

Está bien, al leer el título he pensado «Adiós al TinyCME», pero al no funcionar con WebKit creo que pierde mucho…

De todas formas deberíamos estar atentos, por si en un futuro lo hacen compatible.

Responder
Javier Tapia
@7 septiembre 17th, 2008 at 2:34 pm

Estoy probando la demo de la página de jWYSIWYG bajo Chrome ¡y funciona!
Eso sí, OpenWYSIWYG no opera bajo Webkit

Responder
Many
@8 septiembre 19th, 2008 at 1:48 pm

@Abraham Estrada: Gracias por avisar!!

Responder
Janckos
@9 noviembre 11th, 2008 at 9:47 pm

Uso TinyMCE, que aunque es excelente y muy completo, le falta ser un poco mas liviano para mi gusto.

Responder
cristian
@10 septiembre 25th, 2009 at 3:16 pm

Hola, podrias darnos un simple ejemplo?

yo estoy intentando con este codigo y no me funciona

**********************************************************************

$(‘#wysiwyg’).wysiwyg({
controls : {
alertSep : { separator : true },
alert : {
visible : true,
exec : function() { alert(‘Hello World’); },
className : ‘alert’
}
}
});

**********************************************************************

Alguna idea de que puede estar pasando?

gracias , saludos!

Responder
cristian
@11 septiembre 25th, 2009 at 3:17 pm

Perdon no salieron las etiquetas html

»

$(‘#wysiwyg’).wysiwyg({
controls : {
alertSep : { separator : true },
alert : {
visible : true,
exec : function() { alert(‘Hello World’); },
className : ‘alert’
}
}
});

«

Responder