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.

import ReactMarkdown from 'react-markdown';

function App() {
  const [markdown, setMarkdown] = useState('');

  return (
    <div>
      <textarea value={markdown} onChange={e => setMarkdown(e.target.value)} />
      <ReactMarkdown source={markdown}/>
    </div>
  );

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