Editors

Summernote, Quilljs, Simplemde and Ace Editor.

Summernote

Super simple WYSIWYG editor that helps you create WYSIWYG editors online.

This is an Air-mode editable area.

  • Select a text to reveal the toolbar.
  • Edit rich document on-the-fly, so elastic!

End of air-mode area

Hi,
We are summernote.

Click edit button to change me.

Super simple WYSIWYG editor on bootstrap.


Quilljs

Modern WYSIWYG editor built for compatibility and extensibility.

Quill Rich Text Editor

Quill is a free, open source WYSIWYG editor built for the modern web. With its modular architecture and expressive API, it is completely customizable to fit any need.

Getting Started is Easy

// <link href="https://cdn.quilljs.com/1.2.4/quill.snow.css" rel="stylesheet">
// <script src="https://cdn.quilljs.com/1.2.4/quill.min.js" type="text/javascript"></script>

var quill = new Quill('#editor', {
  modules: {
    toolbar: '#toolbar'
  },
  theme: 'snow'
});

// Open your browser's developer console to try out the API!

Built with


Simplemde

A simple, beautiful, and embeddable JavaScript Markdown editor.

Autosaving: true

Ace Editor

Standalone code editor written in JavaScript.

Simple editor
/**
 * In fact, you're looking at ACE right now. Go ahead and play with it!
 *
 * We are currently showing off the JavaScript mode. ACE has support for 45
 * language modes and 24 color themes!
 */

function add(x, y) {
  var resultString = "Hello, ACE! The result of your math is: ";
  var result = x + y;
  return resultString + result;
}

var addResult = add(3, 2);
console.log(addResult);