An open API service indexing awesome lists of open source software.

https://github.com/esausilva/live-markdown-editor

GitHub flavored markdown editor built with React.js
https://github.com/esausilva/live-markdown-editor

markdown-editor markdown-to-html react

Last synced: 4 months ago
JSON representation

GitHub flavored markdown editor built with React.js

Awesome Lists containing this project

README

        

# Live Markdown Editor

> Responsive GitHub flavored markdown editor built with [React.js](https://facebook.github.io/react/)

You can use this editor to preview your markdown files before committing to GitHub.

## Local Installation

Clone this repo, or download it into a directory of your choice then:

```bash
$ npm install -g create-react-app
$ npm install
```

## Live Demo

[https://esausilva.github.io/live-markdown-editor/](https://esausilva.github.io/live-markdown-editor/)

## Useful Info

- Download the markdown file by pressing **Ctrl+m**
- Empty editor window by pressing **Ctrl+Shift+e**
- [Emojis](http://www.webpagefx.com/tools/emoji-cheat-sheet/) are cool :thumbsup: :poop: :sunny: :alien:
- Drag and Drop a markdown file to editor
- Click on this icon ![UploadMd](http://i.imgur.com/7kCSgpzt.jpg) on the bottom right corner to browse and open a markdown file (not working at the moment dues to Hooks Rewrite)

## Projects Used

- [CodeMirror](https://codemirror.net/) - The code editor
- [marked](https://github.com/chjj/marked) - The markdown parser
- [highlight.js](https://highlightjs.org/) - The syntax highlighter in markdown the output
- [emojify.js](https://github.com/emojione/emojify.js/) - Emoji support

## License

MIT © 2018 Esau Silva