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
252 Stars 93 Forks MIT License 172 Commits 17 Opened issues

Description

A DraftJS plugin for supporting Markdown syntax shortcuts

Services available

!
?

Need anything else?

Contributors list

# 99,357
Rails
draft-j...
Markdow...
Objecti...
97 commits
# 108,053
Markdow...
React
CSS
Webpack
18 commits
# 153,696
Markdow...
alfred-...
alfred
React
7 commits
# 163
JavaScr...
GraphQL
Redux
redux-s...
3 commits
# 35,027
jupyter...
jupyter
React
Less
3 commits
# 118,883
Markdow...
React
CSS
Bash
2 commits
# 6,160
gc
wechat-...
mac
alfred
2 commits
# 594,222
JavaScr...
draft-j...
Markdow...
1 commit
# 50,750
draft-j...
CSS
Clojure
Shell
1 commit
# 564,805
draft-j...
Markdow...
CSS
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.