Need help with draft-js-markdown-shortcuts-plugin?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

ngs
270 Stars 101 Forks MIT License 172 Commits 18 Opened issues

Description

A DraftJS plugin for supporting Markdown syntax shortcuts

Services available

!
?

Need anything else?

Contributors list

# 105,586
Rails
draft-j...
Markdow...
Objecti...
97 commits
# 115,469
Markdow...
React
HTML
Webpack
18 commits
# 153,917
Markdow...
alfred
React
string-...
7 commits
# 194
JavaScr...
GraphQL
Redux
offline...
3 commits
# 28,895
jupyter...
jupyter
React
Less
3 commits
# 124,802
Markdow...
React
HTML
Bash
2 commits
# 5,905
gc
wechat-...
mac
alfred
2 commits
# 135,974
JavaScr...
Markdow...
node
commiti...
1 commit
# 56,378
draft-j...
CSS
Clojure
Shell
1 commit
# 532,062
HTML
draft-j...
Markdow...
ietf
1 commit

draft-js-markdown-shortcuts-plugin

Run tests Backers on Open Collective Sponsors on Open Collective 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 { constructor(props) { super(props); this.state = { editorState: EditorState.createEmpty(), }; }

onChange = editorState => { this.setState({ editorState, }); };

render() { return ; } }

License

MIT. See LICENSE

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.