dft-test

    0.1.0 • Public • Published

    draft-js-markdown-shortcuts-plugin

    CircleCI npm Coverage Status

    A DraftJS plugin for supporting Markdown syntax shortcuts

    This plugin works with DraftJS Plugins wrapper component.

    screen

    View Demo

    Usage

    npm i --save draft-js-markdown-shortcuts-plugin

    then import from your editor component

    import createMarkdownShortcutsPlugin from 'draft-js-markdown-shortcuts-plugin';

    Example

    import React, { Component } from 'react';
    import Editor from 'draft-js-plugins-editor';
    import createMarkdownShortcutsPlugin from 'draft-js-markdown-shortcuts-plugin';
    import { EditorState } from 'draft-js';
     
    const plugins = [
      createMarkdownShortcutsPlugin()
    ];
     
    export default class DemoEditor extends Component {
     
      state = {
        editorState: EditorState.createEmpty(),
      };
     
      onChange = (editorState) => {
        this.setState({
          editorState,
        });
      };
     
      render() {
        return (
          <Editor
            editorState={this.state.editorState}
            onChange={this.onChange}
            plugins={plugins}
          />
        );
      }
    }

    License

    MIT. See LICENSE

    Install

    npm i dft-test

    DownloadsWeekly Downloads

    2

    Version

    0.1.0

    License

    MIT

    Last publish

    Collaborators

    • esplo