Links e mídia

MarkNode trata cada link e imagem do seu documento como uma referência interativa. Você pode passar o mouse para ver o destino de um link, clicar com a tecla modificadora para abri-lo, colar imagens diretamente da área de transferência e revelar arquivos locais no explorador de arquivos — tudo sem sair do editor.

Passe o mouse sobre qualquer link ou imagem no painel de visualização para ver seu destino em uma faixa fina na borda inferior. Referências locais são exibidas como caminhos relativos à raiz do seu projeto (./docs/install.md), o que facilita reconhecê-las; links externos são exibidos como sua URL completa.

O comportamento de um clique depende de onde você clica e de qual tecla modificadora está pressionada:

  • Na visualização — um clique simples abre o link. URLs externas (http, https, mailto) abrem no seu navegador padrão. Links para outros arquivos Markdown do projeto abrem no editor. Outros arquivos locais (PDFs, imagens, planilhas) são revelados na barra lateral do explorador de arquivos — ou no gerenciador de arquivos do sistema, se estiverem fora do projeto.
  • No editor — um clique simples posiciona o cursor como em qualquer texto Markdown. Para seguir um link, mantenha pressionada a tecla modificadora — Cmd no macOS ou Ctrl no Windows e Linux — e clique. Valem as mesmas regras de destino.
  • Âncoras de hash — links para #ancora saltam para o título correspondente no documento atual. Âncoras entre arquivos, como ./guide.md#setup, abrem o arquivo e rolam até o título.

Se você clicar em um link local quebrado (o arquivo não existe), o MarkNode exibe uma breve notificação de erro em vez de simplesmente não fazer nada.

Clicar com o botão direito em um link ou imagem abre um menu de contexto cujos itens dependem do tipo de link:

  • Para uma URL externa: Abrir URL no Navegador e Copiar URL.
  • Para um arquivo local: Abrir Arquivo (arquivos Markdown), Revelar no Explorador de Arquivos (seleciona o arquivo na barra lateral do MarkNode), Mostrar no Finder / Mostrar no Explorador / Mostrar em Arquivos (abre o gerenciador de arquivos do sistema com o arquivo selecionado), Copiar Caminho do Arquivo e Localizar Todas as Referências (para arquivos Markdown, pesquisa no projeto todos os lugares que apontam para o destino — os resultados aparecem no painel inferior).
  • Para um link #ancora: Abrir e Copiar Link.

Tecla Modificadora de Revelação

Mantenha pressionado Cmd+Alt no macOS ou Ctrl+Alt no Windows e Linux e clique em um link local para revelar o destino na barra lateral do explorador de arquivos em vez de abri-lo. Útil quando você quer ver onde um arquivo está no projeto antes de decidir o que fazer com ele.

Colar Imagens

Quando você copia uma imagem — por exemplo, uma captura de tela ou uma imagem de um navegador — e a cola no editor com Cmd+V (Windows/Linux: Ctrl+V), o MarkNode:

  1. Salva a imagem na pasta de mídia do seu projeto (media/ por padrão).
  2. Gera um nome de arquivo com data e hora, como pasted-1715680222.png, para que não haja conflitos.
  3. Insere um link de imagem Markdown relativo na posição do cursor.

Fluxo em três etapas: uma imagem na área de transferência é colada com Cmd+V; o MarkNode a salva como um arquivo com data e hora dentro da pasta de mídia do projeto; um link de imagem Markdown relativo é inserido na posição do cursor.

A pasta de mídia é criada na primeira colagem, caso não exista. Você pode alterar qual pasta o MarkNode usa em Configurações > Geral > Importação de Imagens — defina uma “Pasta padrão no projeto” ou escolha salvar as imagens na mesma pasta do documento.

Se a área de transferência contiver texto e imagem ao mesmo tempo, o texto tem prioridade — é o comportamento padrão de colagem.

Arrastar Imagens para o Editor

Você também pode arrastar uma imagem do Finder (macOS) ou do Explorador de Arquivos (Windows/Linux) diretamente para o editor. O MarkNode copia o arquivo para a pasta de mídia do seu projeto e insere um link Markdown relativo na posição em que você soltou.

Abrir Imagens pela Árvore do Projeto

Clique duas vezes em qualquer arquivo de imagem no explorador de arquivos para abri-lo na área do editor como uma visualização de imagem incorporada — prático quando você quer olhar uma captura de tela referenciada pelo documento que está escrevendo sem sair do aplicativo.

Sintaxe de Imagens

Imagens em linha usam a sintaxe padrão do Markdown com ! na frente:

![Alt text](media/diagram.png)

Você também pode usar HTML em linha quando precisar controlar a largura:

<img src="media/diagram.png" alt="Diagram" width="400">

Ambas as formas funcionam com o realce ao passar o mouse, o clique com tecla modificadora e o menu do botão direito.