Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jonfairbanks/react-editor-md
A React based wrapper for Editor.md
https://github.com/jonfairbanks/react-editor-md
markdown markdown-editor react react-components
Last synced: about 18 hours ago
JSON representation
A React based wrapper for Editor.md
- Host: GitHub
- URL: https://github.com/jonfairbanks/react-editor-md
- Owner: jonfairbanks
- Fork: true (lizhengnacl/wrap-md-editor)
- Created: 2018-08-03T05:14:56.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-05-01T06:11:46.000Z (over 3 years ago)
- Last Synced: 2024-08-28T08:22:12.900Z (29 days ago)
- Topics: markdown, markdown-editor, react, react-components
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/react-editor-md
- Size: 2.18 MB
- Stars: 5
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### React Based Wrapper for [Editor.md](https://github.com/pandao/editor.md)
![Markdown-Editor](https://raw.githubusercontent.com/Fairbanks-io/markdown-editor/master/markdown-editor.png)[Check out react-editor-md on NPM](https://www.npmjs.com/package/react-editor-md)
#### Your HTML template should includes the following tags:
``````
#### You should also copy the included assets to your public www folder
### Install
```
npm install react-editor-md
```#### Examples
##### Edit Mode
```
import React, {Component} from 'react';
import {render} from 'react-dom';
import Editor from 'react-editor-md';render(
{
let md = editor.getMarkdown();
let html = editor.getHTML();
debugger
}
}
}/>,
document.querySelector('#root')
);
```##### Show Mode
```
import React, {Component} from 'react';
import {render} from 'react-dom';
import Editor from 'react-editor-md';render(
,
document.querySelector('#root')
);
```#### More Information
Checkout the [Editor.md docs](https://pandao.github.io/editor.md/examples/full.html) for more information.