Mercury es un editor HTML5, con funciones muy similares a alternativas como TinyMCE o CKEditor, pero con una diferencia conceptual y que se relaciona a la forma de editar los distintos documentos, utilizando una barra de opciones única, que aprovecha las virtudes de HTML5 para funcionar.
Mercury fue diseñado utilizando CoffeeScript y jQuery para todo lo relacionado a javascript y Rails 3.1 para lo que se refiere a la programación del lado del servidor.
Para la instalación simple desde el lado del servidor existe un bundle para Rails, por lo que implementar este fantástico editor solo se resume a prácticamente incluir una gema en nuestro proyecto.
Actualmente el proyecto completo soporta los navegadores más modernos: Firefox 4+, Chrome 10+ y Safari 5+, lamentablemente de IE ni noticias.
Entre las características destacadas podemos destacar: vista previa en tiempo real, herramientas para trabajar con enlaces, soporte para contenido multimedia, edición avanzada de tablas, y facilidades para la incorporación de pequeños snippets de código.
Para obtener una versión funcional de Mercury ademas de instalar la gema debemos incorporar una pequeña div que sirve a modo de contenedor del menú de opciones, las instrucciones se encuentran perfectamente documentadas en el sitio oficial.
Web: Mercury
Otra opción interesante es Wysihtml5, este pequeño editor funciona perfectamente en cualquier entorno, esto se debe a que no tiene dependencias con ningún tipo de biblioteca, no necesita ni jQuery, ni nada que se le parezca. Un punto muy favorable es que si bien el proyecto es de carácter open source cuenta con el apoyo de XING AG, empresa que inicio la idea y que continua trabajando en ella.
En general este tipo de editores wysiwyg tienen algunos problemas de compatibilidad con los distintos navegadores, en este caso en particular el editor se encuentra testeado y funciona perfectamente en: IE8+, FF 3.5+, Safari 4+, Safari en iOS 5+, Opera 11+ y Chrome.
Puedes descargar el editor directamente desde su apartado en Github, o bien visualizar una demostración online. Para los más desconfiados, comentar que el editor es utilizado por dos empresas reconocidas: Basecamp y XING, algo que brinda cierta tranquilidad.
Web: Wysihtml5
jose
13 años ago
muchas gracias por traernos siempre noticias de tanta actualidad y de interés para aquellos que nos gusta el diseño y programación web
un saludo desde León (España)
alejandro
13 años ago
hola, siempre abro con interés los envíos de kbytes, este post reabre una duda que vengo masticando desde hace tiempo sobre el tema programación, tal vez puedan aportarme algún dato.
Mi caso podría ser el de más de uno, soy diseñador gráfico pero desde hace varios años vengo demorando en entrar en la programación para web (a la espera de herramientas que simplifiquen el proceso), por ahora me saca de apuros joomla y wordpress, pero me doy cuenta que no siempre puedo resolver las cosas como quisiera y por eso mi interrogantes es hacia dónde profundizar, (ya la dicotomía joomla wordpress es todo un tema, pero salvando ésta, me gustaría preguntarte a tu entender, como ordenarías (que estudiar primero) y que breve comentarios sobre estos recursos podrías hacer (algo del tipo imprescindible, necesario, puede ser sustituído por…, etc)
html
php
css
javascript
ajax
ruby on rails
phyton
desde ya te agradezco puedas compartir tus puntos de vista
asesores
13 años ago
genial, bajando! Después les cuento que onda