Simplest Markdown Editor with Pure JavaScript – easyMarkdown

Preview:

Description:

easyMarkdown is a standalone JavaScript library for converting a normal textarea into a WYSIWYG markdown editor.

Features:

• Lightweight and easy to use.
• Works with most popular frameworks like Bootstrap, Foundation, etc.
• Custom editor icons.
• Custom buttons.

Basic usage:

Create a regular textarea element on the web page.

<textarea id="editor"></textarea>

Download the easyMarkdown and include the JavaScript file easyMarkdown.js at the bottom of the web page.

<script src="js/easyMarkdown.js"></script>

Initialize the markdown editor.

easyMarkdown(document.getElementById('editor'));

Available options with default values.

easyMarkdown(document.getElementById('editor'),{
  // width of the markdown editor
  width: '100%',
  // custom button class
  btnClass: '',
  // bootstrap, foundation, etc...
  framework: 'none',
  // blank = en
  locale:'',
  // custom editor icons
  icons: '',
  // you can disable editor buttons here
  disabled: {
    bold: false,
    italic: false,
    header: false,
    image: false,
    link: false,
    ol: false,
    ul: false,
    comment: false,
    code: false,
    preview: false
  }
  
});