HTML5-Powered WYSIWYG Editor: Mercury

Mercury is a HTML5-powered WYSIWYG editor similar to the popular ones like TinyMCE or CKEditor but with a different usage experience.

Rather than being positioned inside a given element, it appears over the complete web page and can be used to edit the whole page or any number specified areas.

It supports previewing the edited content and inserting links, images, videos or tables. File uploads can be accomplished with drag 'n' drops.

Mercury HTML5 Editor

Snippets can be defined and inserted quickly with the help of a sidebar. And, a similar sidebar exists for taking notes.

Also, collaborative editing is supported. Just edit any page that others are working on at the same time and see their changes in real time.

Mercury can be either installed as a Rails gem or by including the necessary JS and CSS files into our web pages.

  1. Reply Daily Gadget News September 10, 2011 at 8:23 AM

    very inspiring!

  2. Reply dawinch September 11, 2011 at 6:24 AM

    Fantastic plugin ! Very promising !

  3. Reply Sandy September 12, 2011 at 4:00 AM

    Cool !

  4. Reply Rafael September 12, 2011 at 4:18 AM

    Good. But no support for IE??
    I can’t use it for worldwide public.

    Hope for the future devs can improved IE support.


  5. Reply jejacks0n September 15, 2011 at 8:02 PM

    Full disclosure: I’m the author of the project, and it’s awesome to see it posted btw.

    @Rafael: a better question is will IE 10 support the full W3C specification of contentEditable?

    If it helps, I’m planning to add support for the iPad around the time that iOS 5 launches. =)

  6. Reply Prima October 3, 2011 at 10:54 PM

    A great editor! Now, I’m using this to develop my thesis project.. Where to find the documentation for this one?

  7. Reply Saeed Neamati October 17, 2011 at 12:46 AM

    Glad to here that HTML5 is getting such a widespread attention that a WYSIWYG is written for it.

  8. Reply General Query November 9, 2011 at 5:46 AM

    I think tghe issue for me is that IE is not supported. Many of my clients like IE. It’s all they know and they don’t care about W3C standards. They just want it to work.

    I’d dearly love to use Mercury, but if I then have to tell customers they can’t use their regular software, they’ll not be happy. This is the stumbling block for me.

  9. Reply James January 12, 2012 at 1:23 AM

    IE sucks. There are no words to express my contempt for that steamer. This, however, is amazing. Personally, I’d happily tell any client “If you want to use this for admin, no IE for you.” If it’s a big enough issue for them, they can use the ckeditor-rails as a fallback and enjoy less amazing WYSIWYG. As far as I’m concerned, the writing is on the wall for IE, in fluorescent pink 10 foot tall letters, what with the consistent falling market share…

  10. Reply cosima cosima revival skin Therapy reviews February 11, 2014 at 12:34 PM

    Great post. I used to Ƅe checking cknstantly this blog and I am impressed!
    Extremely helpful info specificaloly the closing section
    🙂 Ӏ care for such info a lot. I was looking for this particular information for a very lengthy time.
    Thank you and best of luck.

Leave a reply