WYSIWYG JavaScript Library For Rich Text Editing

The editor is a simple WYSIWYG RichText editor Javascript library.

lightweight wysiwyg editor, wysiwyg html editor, rich text editor demo, pure javascript wysiwyg editor, free bootstrap wysiwyg editor

Features

Customize editor toolbar items.
Included styles: bold, italic, underline, strikethrough, symbol, highlight text.
Format Font Styles: Section (H2), Subsection (H3), BlockQuotes, BlockCode, List/Bull Order, Indent, Text Align.
Supportive format code can be used with highlighting and color patterns.
Support insert image, embed YouTube video.
Support import/export (as JSON data).

Markdown Editor Based On The Ace And Bootstrap Editor | codeparlMarkdown

How to make use of it:

1. Import v2editor’s JavaScript and CSS files into a web page.

<link rel="stylesheet" href="v2editor.min.css">
<script src="v2editor.js"></script>

2. Create an editor placeholder.

<div id="MainEditor"></div>

3. Start the editor with just one line of JavaScript.

window.initEditor = function () {
  window.mainEditor = new Editor('MainEditor', {});
};

4. Possible configuration options.

window.initEditor = function () {
  window.mainEditor = new Editor('MainEditor', {
    /**
     * Option merge strategies (used in core/util/options)
     */
    optionMergeStrategies: Object.create(null),
    /**
     * Whether to suppress warnings.
     */
    silent: false,
    /**
     * Show production mode tip message on boot?
     */
    productionTip: "development" !== 'production',
    /**
     * Whether to enable devtools
     */
    devtools: "development" !== 'production',
    /**
     * Whether to record perf
     */
    performance: false,
    /**
     * Error handler for watcher errors
     */
    errorHandler: null,
    /**
     * Ignore certain custom elements
     */
    ignoredElements: [],
    /**
     * Custom user key aliases for v-on
     */
    keyCodes: Object.create(null),
    /**
     * Check if a tag is reserved so that it cannot be registered as a
     * component. This is platform-dependent and may be overwritten.
     */
    isReservedTag: no,
    /**
     * Check if a tag is an unknown element.
     * Platform-dependent.
     */
    isUnknownElement: no,
    /**
     * Get the namespace of an element
     */
    getTagNamespace: noop,
    /**
     * Parse the real tag name for the specific platform.
     */
    parsePlatformTagName: identity,
    /**
     * Check if an attribute must be bound using property, e.g. value
     * Platform-dependent.
     */
    mustUseProp: no,
    /**
     * List of asset types that a component can own.
     */
    _assetTypes: [
      'component',
      'directive',
      'filter'
    ],
    /**
     * List of lifecycle hooks.
     */
    _lifecycleHooks: [
      'beforeCreate',
      'created',
      'beforeMount',
      'mounted',
      'beforeUpdate',
      'updated',
      'beforeDestroy',
      'destroyed',
      'activated',
      'deactivated'
    ],
    /**
     * Max circular updates allowed in a scheduler flush cycle.
     */
    _maxUpdateCount: 100
  });
};

Minimal Clean WYSIWYG Editor Plugin/Github