Pré-visualização em tempo real

O painel direito é o documento renderizado como HTML estilizado, atualizado em tempo real à medida que digita. Os links funcionam, as tabelas alinham, o código é mostrado num bloco monoespaçado, as listas de tarefas recebem caixas de seleção, e cada bloco de extensão de renderização (veja abaixo) desenha a sua figura no lugar. A pré-visualização é uma imagem fiel do que uma exportação HTML ou PDF parecerá.

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

Modos de esquema

Um grupo de três botões da 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.

Índice

O botão Índice abre um painel construído automaticamente a partir de cada cabeçalho no documento (#, ##, ###, …). Clique em qualquer entrada para rolar a pré-visualização para essa secção. Qualquer cabeçalho com sub-cabeçalhos abaixo dele mostra um chevron: clique nele para Recolher essa secção e ocultar os seus cabeçalhos aninhados, ou Expandir para os trazer de volta — para que possa dobrar um esquema longo apenas para as partes em que está a trabalhar. Os pequenos botões 2 / 3 / 4 no cabeçalho do painel limitam o esquema a essa profundidade de cabeçalho — útil num documento longo quando só quer os níveis superiores visíveis — e clicar novamente no ativo traz todos os níveis de volta. O painel redimensiona-se arrastando a sua borda esquerda e colapsa para libertar espaço de leitura. É uma ajuda de navegação apenas dentro da aplicação — nunca aparece numa exportação.