Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lizhengnacl/wrap-md-editor
React Component Based on Editor.md
https://github.com/lizhengnacl/wrap-md-editor
component markdown markdown-editor react
Last synced: about 1 month ago
JSON representation
React Component Based on Editor.md
- Host: GitHub
- URL: https://github.com/lizhengnacl/wrap-md-editor
- Owner: lizhengnacl
- Created: 2017-07-27T09:02:29.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2021-05-01T01:11:07.000Z (over 3 years ago)
- Last Synced: 2024-10-04T14:34:49.276Z (about 1 month ago)
- Topics: component, markdown, markdown-editor, react
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/wrap-md-editor
- Size: 2.02 MB
- Stars: 8
- Watchers: 2
- Forks: 9
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### React Component Based on [Editor.md](https://github.com/pandao/editor.md)
#### The html template should includes the following tags.
##### css
``````
##### js
``````
### Install
```
npm install wrap-md-editor -S
```#### Example
##### the edit mode
```
import React, {Component} from 'react';
import {render} from 'react-dom';
import Editor from 'wrap-md-editor';render(
{
let md = editor.getMarkdown();
let html = editor.getHTML();
debugger
}
}
}/>,
document.querySelector('#root')
);
```##### the show mode
```
import React, {Component} from 'react';
import {render} from 'react-dom';
import Editor from 'wrap-md-editor';render(
,
document.querySelector('#root')
);
```#### Doc
Read the [document](https://pandao.github.io/editor.md/examples/full.html) for detail.