Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘WYSIWYG-HTML Edit’ Category

While developers may love diving under the hood, those are usually marketing people who end up using content management systems and paying money for web design agencies. And so great content management systems must be built with the actual content managers in mind first. One of such systems is ImpressPages.

Read the rest of this entry »

Summernote is a simple, clean and flexible WYSIWYG Editor that is built on top of jQuery and Bootstrap.

It supports Bootstrap’s both active versions (2 and 3) and has keyboard shortcuts for all major tasks.

Summernote WYSIWYG Editor

There is a powerful API which provides lots of customization options in means of design (width, height, active items..) and functionality.

The project also has integration samples for major scripting languages or frameworks (PHP, Ruby, Django, Nodejs).

Sir Trevor is an open source website content editor which does not presuppose anything about how things will be rendered.

It only uses JSON and Markdown and does not store anything in HTML.

Sir Trevor

The editor uses blocks for content and multiple block types exist by default: text, image, quote, list, video and more. Also, new block types can be created with ease.

Sir Trevor is totally client-side, has options for customization and provides callbacks on every action.

StackEdit is a free and open source Markdown editor that is based on PageDown (the library used by Stack Overflow).

The editor is capable of creating and managing multiple documents and they are stored in local storage.

Also, it can import to/export from Google Drive or Dropbox and save documents as HTML.

StackEdit - Markdown Editor

The created documents can be published on multiple sites like Blogger, WordPress, Tumblr, GitHub and more with a built-in shortcut.

StackEdit already has the major actions like text styles, hyperlink, image, etc. and any custom ones can be added with the help of an “extensions” menu created.

Create.js is an open source, JavaScript-powered web editing interface for content management systems.

The interface focuses on simplicity and aims to enable the user edit the content without leaving the page but complete the edits directly on the viewed content.

It has support for the plain contentEditable, Aloha, and Hallo editors (more to be added) and, various configuration options exist to customize the behavior of Create.js.


Redactor is a JavaScript-powered (jQuery) WYSIWYG editor with a clean and good-looking interface.

It auto-converts textarea fields into an editor and the editor is capable of all the major actions (text-styling, adding image/file/video/tables/lists).

The uploading of files and images makes use of HTML5 APIs and they can be uploaded via drag 'n' drops besides selecting files.

Redactor - jQuery WYSIWYG Editor

Redactor can work inline or fullscreen, there are many settings to customize it and it is multilingual (already supports many languages).

P.S. The website of the resource is half English and half Russian but it is coded in English and demos + docs help understanding how it works.

WYSIHTML5 is an open source rich text editor, developed by Xing, that produces non-bloated, valid HTML5 code.

The editor doesn't rely on any JS framework,  it is lightweight and loads/works pretty fast.

It transforms textarea fields and provides the major stuff including text styles (bold, italic), lists, headers, inserting images or links and coloring the text.


There is speech-input (which is only displayed in Chrome) and HTML source code can be viewed with a click.

WYSIHTML5 speeds up the writing process by auto-linking the URLs and offers a secure usage by using sandboxed iframes in order to prevent identity theft through XSS.

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.

Ace is an open source, standalone and web-based code editor that focuses on providing a similar or better experience with desktop-based ones.

It is actually developed for the well-known Cloud9 IDE and can be integrated into any web page easily.

Ace Editor

The editor's syntax highlighting works with JavaScript, HTML, CSS, JSON, PHP, Perl, Python, Ruby, etc..

There is support for auto indent/outdent, completely customizable key bindings ad theming.

Users can perform search/replace operations with regular expressions besides the standard method, toggle between soft tabs + real tabs and much more.

Maqetta is a web-based WYSIWYG application which focuses on easing the process of creating HTML5 web pages.

The project is open source, does not require any plugins to run and can be used as a hosted service or by installing locally.

Its interface works with drag 'n' drops, there is support for desktop-like functions like undo/redo, preview in browser, save/save as and much more.


This version of Maqetta has the best support for Dojo library and enables you to insert the widgets/controls (like buttons, accordion menus, calendar, etc.) of the library instantly.

The application makes getting feedback for the pages developed easier with the ability to create multiple reviews (for ex: for each version). The developer simply selects the pages to be reviewed and the system automatically sends e-mail invitations to reviewers. And, reviewers can either share their thoughts as text comments and/or on-screen graphical annotations (rectangles, ovals, arrows and text).

Maqetta has much more integrated features like the ability to create wireframes with the help of a sketch theme, mobile authoring tools and more.

Uptime Robot