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: 5 days 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 7 years ago)
• Default Branch: master
• Last Pushed: 2021-05-01T06:11:46.000Z (over 4 years ago)
• Last Synced: 2025-01-02T22:48:09.130Z (9 months 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.