Construa um Editor Markdown Simples com Visualização ao Vivo

Introdução

Neste projeto, criaremos um editor Markdown simples baseado na web que oferece uma visualização HTML ao vivo enquanto você digita. Usando bibliotecas como Ace Editor, marked e highlight.js, você desenvolverá um editor intuitivo que não apenas permite escrever em Markdown, mas também salva dados entre sessões do navegador e destaca trechos de código na visualização.

👀 Visualização

🎯 Tarefas

Neste projeto, você aprenderá:

• Como configurar a estrutura HTML para o editor e visualizador
• Como estilizar o editor e o visualizador para uma experiência de usuário agradável
• Como implementar a lógica de inicialização do editor
• Como converter Markdown para HTML e exibi-lo no visualizador
• Como sincronizar a rolagem entre o editor e o visualizador

🏆 Conquistas

Após concluir este projeto, você será capaz de:

• Desenvolver um editor Markdown baseado na web com visualização HTML ao vivo
• Utilizar bibliotecas como Ace Editor, marked e highlight.js para aprimorar a funcionalidade do editor
• Implementar a persistência de dados entre sessões do navegador
• Fornecer realce de sintaxe de código na visualização Markdown