toolsmoah

Visualização ao Vivo de Markdown

Escreva markdown à esquerda e veja o resultado renderizado à direita. Perfeito para escrever documentos, arquivos README e todo o conteúdo markdown.

Visualização em Tempo Real
O Markdown é renderizado e exibido enquanto você digita. Suporta vários recursos como tabelas, blocos de código e muito mais.
Opções de Exportação
Copie markdown ou HTML para a área de transferência, ou baixe como um arquivo HTML estilizado para compartilhar.
Modos de Visualização Flexíveis
Escolha entre os modos de visualização somente edição, somente visualização ou dividido. O modo de tela cheia também está disponível para foco sem distrações.
96 linhas • 348 palavras • 2228 caracteres

🚀 Visualização ao Vivo de Markdown

Bem-vindo à ferramenta de Visualização ao Vivo de Markdown! Este editor suporta a renderização em tempo real do seu conteúdo markdown.

✨ Recursos

  • Visualização em tempo real enquanto você digita
  • Suporte para CommonMark e GitHub Flavored Markdown
  • Tabelas, listas de tarefas e blocos de código
  • Suporte a emojis 😊
  • Texto riscado e sublinhado
  • Destaque de sintaxe para código

📝 Formatação de Texto

Você pode deixar o texto em negrito, itálico ou ambos. Você também pode usar texto riscado e sublinhado.

Isto é uma citação em bloco. É útil para destacar informações ou citações importantes.

📋 Listas

Lista Não Ordenada

  • Primeiro item
  • Segundo item
  • Item aninhado
  • Outro item aninhado
  • Terceiro item

Lista Ordenada

  1. Primeiro passo
  2. Segundo passo
  3. Terceiro passo

Lista de Tarefas

  • Tarefa concluída
  • Tarefa incompleta
  • Outra tarefa a fazer

💻 Exemplos de Código

Código em linha: console.log('Olá, Mundo')

JavaScript Block

function greetUser(name) {
  console.log(`Hello, ${name}! Welcome to Markdown Preview.`);
  return `Nice to meet you, ${name}!`;
}

greetUser('Developer');

Python Block

def calculate_fibonacci(n):
    if n <= 1:
        return n
    return calculate_fibonacci(n-1) + calculate_fibonacci(n-2)

print(f"Fibonacci of 10: {calculate_fibonacci(10)}")

📊 Tabelas

Feature Supported Notes
Headers ✅ H1-H6 supported
Lists ✅ Ordered, unordered, tasks
Tables ✅ With alignment
Code ✅ Inline and blocks
Links ✅ Example
Images ✅ Alt text

🔗 Links e Referências

Visite o GitHub para mais exemplos de markdown.

Você também pode usar links no estilo de referência: Google e Stack Overflow.

🎯 Recursos Avançados

Matemática (se suportado)

E = mc²

### Linha Horizontal

Notas de Rodapé

Aqui está uma frase com uma nota de rodapé[^1].

[^1]: Este é o conteúdo da nota de rodapé.

Boa escrita! 🎉

Referência Rápida de Markdown
Exemplos comuns de sintaxe markdown para ajudá-lo a começar

Cabeçalhos

# H1 Header
## H2 Header
### H3 Header

Ênfase

**bold text**
*italic text*
***bold and italic***
    Visualização ao Vivo de Markdown | Codificação ao Vivo