Press "Enter" to skip to content

WYSIWYG JavaScript Library For Rich Text Editing | Editor

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


See Demo And Download

Official Website(dphans): Click Here

This superior jQuery/javascript plugin is developed by dphans. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.