https://github.com/isaqueveras/markdown-editor-reactjs
Este é um editor de markdown onde podemos escrever arquivos com a extensão .md e poder ver ao mesmo tempo como ela fica, onde chamamos de preview
https://github.com/isaqueveras/markdown-editor-reactjs
livepreview markdown markdown-editor react
Last synced: about 1 month ago
JSON representation
Este é um editor de markdown onde podemos escrever arquivos com a extensão .md e poder ver ao mesmo tempo como ela fica, onde chamamos de preview
- Host: GitHub
- URL: https://github.com/isaqueveras/markdown-editor-reactjs
- Owner: isaqueveras
- Created: 2021-04-01T21:12:28.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-04-01T21:26:23.000Z (about 5 years ago)
- Last Synced: 2025-06-17T05:42:19.511Z (12 months ago)
- Topics: livepreview, markdown, markdown-editor, react
- Language: HTML
- Homepage: https://markdown-editor-tau.vercel.app/
- Size: 635 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Markdown editor
`created by Isaque Véras`
Este é um **editor de markdown** onde podemos escrever arquivos com a extensão _.md_ e poder ver ao mesmo tempo como ela fica, onde chamamos de **preview**.
Para criar esse editor, basta usar a biblioteca _react-markdown_ onde pegamos os dados de um _textarea_ usando o _useState_ do react.
```js
import ReactMarkdown from 'react-markdown';
function App() {
const [markdown, setMarkdown] = useState('');
return (
setMarkdown(e.target.value)} />
);
export default App;
```
Esse é todo o código que usei para construir essa aplicação. Gostou? deixe a sua estrelinha nesse repositório. Obrigado!
## Demonstração
