Pré-visualização ao vivo

O painel direito é o documento renderizado como HTML estilizado, atualizado ao vivo enquanto você digita. Links funcionam, tabelas se alinham, o código é mostrado em um bloco monoespaçado, listas de tarefas recebem caixas de seleção, e cada bloco de extensão de renderização (veja abaixo) desenha sua figura no lugar. A pré-visualização é uma imagem fiel de como será uma exportação HTML ou PDF.

Se um documento Markdown começa com um bloco YAML front-matter — a seção --- key: value --- que ferramentas como Jekyll, Hugo e Obsidian colocam no topo — o Markzen o renderiza como um cartão de metadados organizado acima do documento, em vez de deixar o --- de fechamento se transformar em um cabeçalho solto.

Modos de layout

Um grupo de três botões na barra de ferramentas define o que a janela mostra:

• Vista dividida — editor e pré-visualização lado a lado. Arraste o divisor para alterar o espaço que cada um ocupa.
• Mostrar editor — apenas o editor, preenchendo a janela para uma escrita sem distrações.
• Mostrar pré-visualização — apenas a pré-visualização, um leitor limpo de largura total.

Sumário

O botão Índice abre um painel construído automaticamente a partir de cada título no documento (#, ##, ###, …). Clique em qualquer entrada para rolar a pré-visualização para essa seção. Qualquer título com subtítulos abaixo dele mostra um chevron: clique nele para Recolher essa seção e ocultar seus títulos aninhados, ou Expandir para trazê-los de volta — assim você pode dobrar um longo esboço para apenas as partes em que está trabalhando. Os pequenos botões 2 / 3 / 4 no cabeçalho do painel limitam o esboço a essa profundidade de título — útil em um documento longo quando você só quer os níveis superiores em exibição — e clicar no ativo novamente traz todos os níveis de volta. O painel redimensiona arrastando sua borda esquerda e recolhe para liberar espaço de leitura. É um auxílio de navegação apenas dentro do aplicativo — nunca aparece em uma exportação.