Editor LiKE

O editor integrado para criar e editar artigos da base de conhecimento. Construído sobre o TipTap (ProseMirror) — o mesmo motor usado no Notion, no GitBook e noutros editores modernos.

#Interface do editor

O editor tem quatro zonas principais:

#Criar um artigo

1. Na secção Artigos (ou no ecrã de Visão geral), clique em "+ Criar artigo" — o editor abre.
2. Para um novo artigo, o editor mostra uma janela "Escolher um modelo": começar em branco, gerar com o AI Author ou usar um modelo pronto (lista abaixo).
3. Introduza um título e escreva na área principal.
4. O artigo é guardado automaticamente a cada alteração.

#Modelos de novo artigo

Além dos modelos de sistema, o Editor+ pode criar modelos personalizados para a organização.

#Barra de ferramentas

A barra de ferramentas fica acima da área de edição. Os botões estão agrupados por função e separados por divisores verticais.

#Descrição dos grupos de botões

1. Histórico — ↩ Anular (Ctrl+Z), ↪ Refazer (Ctrl+Shift+Z)

2. Tipo de bloco — alternar entre parágrafo e títulos H1–H3

3. Formatação — B negrito, I itálico, U sublinhado, S rasurado, ~ código inline

4. Ligações e listas — hiperligação (Ctrl+Shift+K), com marcadores, numerada, lista de tarefas

5. Blocos — citação, código com realce, tabela (seletor em grelha até 8x8), divisor, imagem

6. Blocos especiais — Callout (info / aviso / erro / sucesso), Toggle (bloco recolhível)

7. Alinhamento — esquerda, centro, direita

8. Cor — cor do texto (9 cores), realce de fundo (7 cores)

9. IA — menu suspenso: AI Format, AI Improve, AI Rewrite, AI Translate (mais abaixo)

10. Zoom — de 70% a 150%, contagem de palavras e tempo de leitura

#Comandos de barra

Escreva / numa linha vazia para abrir o menu de inserção rápida. Comece a escrever um nome para filtrar.

O botão "+" — a mesma lista pode ser aberta com o botão "+" que aparece à esquerda de uma linha vazia (quando o cursor está num parágrafo vazio). É cómodo para inserir um bloco com o rato sem escrever /.

#Bubble Menu (menu flutuante)

Menus de contexto que aparecem automaticamente quando interage com um tipo específico de conteúdo.

#Ao selecionar texto

Selecione um fragmento — aparece um painel flutuante por cima:

B negrito · I itálico · U sublinhado · S rasurado · ~ código · 🔗 ligação · ab realce · X₂ subscrito · X² sobrescrito

#Ao clicar numa tabela

Quando o cursor está numa célula de tabela, aparece um menu de contexto:

1. Linhas — adicionar uma linha acima/abaixo, eliminar uma linha
2. Colunas — adicionar uma coluna à esquerda/direita, eliminar uma coluna
3. Células — unir as selecionadas, dividir uma previamente unida
4. Cabeçalho — marcar uma linha como cabeçalho
5. Expandir para a largura total — esticar a tabela por toda a largura da tela. Disponível na orientação retrato; na paisagem o botão fica oculto (a tela já é larga aí)
6. Formatação do texto da célula (o botão "Aa") — negrito, itálico, sublinhado, rasurado, código, realce, subscrito e sobrescrito
7. Eliminar tabela — remover a tabela inteira

#Ao clicar numa imagem

1. Tamanho (predefinições) — cinco opções:
   • S — 25% da largura da coluna (miniatura)
   • M — 50% (metade do texto)
   • L — 75% (ilustração grande)
   • Full — 100% (por toda a largura do conteúdo)
   • U (Personalizado) — qualquer largura arbitrária definida manualmente arrastando o canto da imagem (pegas de canto). Este item é realçado a amarelo automaticamente se a largura atual não corresponder a nenhuma predefinição — um indicador de que "efetuou um redimensionamento manual". Clicar em U não altera a largura — é apenas um indicador.
2. Alinhamento — três opções:
   • ◀ Esquerda — o texto contorna à direita (float: left)
   • ■ Centro — a imagem fica centrada, o texto corre acima e abaixo (sem contorno)
   • ▶ Direita — o texto contorna à esquerda (float: right)
   • Redução automática: se escolher o alinhamento à esquerda/direita no tamanho Full, a largura reduz-se automaticamente para L (75%) — caso contrário o contorno do texto não seria percetível (uma imagem à largura total "empurra" todo o texto para baixo dela).
3. Mover bloco para cima/baixo (⌃ / ⌄) — trocar de lugar com o bloco vizinho (parágrafo, título, outra imagem) sem usar arrastar e largar. Útil para o ajuste fino do layout.
4. Texto alternativo (Alt) — uma descrição para SEO e acessibilidade (leitores de ecrã para invisuais). Abre uma pequena caixa; introduza 1–2 frases sobre o conteúdo da imagem.
5. Eliminar — remover a imagem do artigo.

Redimensionamento por arrasto. Além das predefinições S/M/L/Full, pode arrastar os cantos de uma imagem selecionada com o rato — a largura é definida em píxeis ou percentagem com precisão de píxel. Esta opção de largura é a que o indicador U realça no bubble menu.

#Atalhos de teclado

#Imagens

#Como inserir

As imagens são automaticamente carregadas para o armazenamento na nuvem (S3 / compatível). O texto mantém uma ligação para um URL seguro — o original não se perde ao copiar conteúdo.

#Controlo de tamanho

Há 4 predefinições e um tamanho personalizado:

#Alinhamento e contorno

Três opções de posicionamento:

• Esquerda — a imagem fica fixa à margem esquerda, o texto contorna à direita
• Centro — a imagem fica centrada, o texto corre acima e abaixo sem contorno
• Direita — a imagem fica fixa à margem direita, o texto contorna à esquerda

Nota: quando tenta alinhar uma imagem à esquerda/direita no modo Full, esta reduz-se automaticamente para L (75%) — caso contrário o contorno não seria percetível. Este é um comportamento deliberado para um layout sensato.

#Recortar, rodar e ordenar

Selecione uma imagem — no bubble menu emergente, além do tamanho e do alinhamento, pode:

• Recortar / rodar — abre o editor de imagem integrado (recorte, rotação, espelhamento)
• Mover para cima / baixo — deslocar a imagem entre blocos vizinhos sem cortar e colar
• Eliminar imagem

#Acessibilidade (texto alternativo)

O botão Alt no bubble menu abre uma caixa onde pode introduzir uma descrição do conteúdo da imagem. É usado:

• Por motores de pesquisa (SEO) — o Google indexa o texto alternativo para a pesquisa de imagens
• Por leitores de ecrã para utilizadores invisuais
• Em caso de falha no carregamento — o texto alternativo é apresentado no lugar da imagem

Recomendamos atribuir um texto alternativo significativo de 1–2 frases a cada imagem que transmita informação (capturas de UI, diagramas, gráficos). As imagens decorativas podem ficar com um texto alternativo vazio.

#Tabelas

#Inserir uma tabela

1. Clique no botão ▦ na barra de ferramentas
2. Aparece uma grelha seletora de tamanho (até 8x8)
3. Passe o rato para escolher o número de linhas e colunas
4. Clique para inserir

Ou escreva /table nos comandos de barra.

#Trabalhar com uma tabela

Aparece um acionador compacto por cima da tabela (um ícone de tabela + um botão separado Aa para formatar o texto das células). Um clique abre um menu com grupos:

Adicionalmente: as margens das colunas podem ser arrastadas com o rato para alterar a largura; o próprio menu pode ser arrastado pela sua pega superior.

Expandir para a largura total — a tabela estende-se para além da coluna de texto e ocupa toda a largura disponível da tela (estilo Notion). Esta opção está disponível na orientação retrato; na paisagem a tela já é larga (ver abaixo).

#Orientação da tela (retrato / paisagem)

A barra superior do editor tem um seletor de orientação de dois botões:

• Orientação retrato — a coluna de conteúdo padrão (estreita, confortável de ler).
• Orientação paisagem (para tabelas largas) — a coluna alarga-se para acomodar tabelas e diagramas largos.

A escolha é memorizada e aplicada não só no editor, mas também na impressão e na pré-visualização A4 (a folha roda para paisagem). Para uma única tabela larga pode deixar a orientação de todo o documento inalterada e expandir apenas essa tabela (ver "Expandir para a largura total" acima).

#Embeds (conteúdo incorporado)

Insira conteúdo de serviços externos através do comando de barra /embed:

1. Escreva /embed → aparece um campo de URL
2. Cole a ligação do conteúdo
3. O editor deteta automaticamente o tipo e cria uma pré-visualização em iframe

Serviços suportados:

• YouTube — vídeos
• Vimeo — vídeo
• Figma — mockups e designs
• Loom — gravações de ecrã
• Miro — quadros interativos
• Google Docs / Sheets / Slides — documentos, folhas de cálculo e apresentações

#Diagramas Mermaid

Crie diagramas diretamente no texto através do comando de barra /mermaid:

graph TD
    A[Início] --> B{Condição}
    B -->|Sim| C[Ação 1]
    B -->|Não| D[Ação 2]

Tipos suportados: fluxogramas, diagramas de sequência, gráficos de Gantt, mapas mentais e muito mais.

#Fórmulas matemáticas

#Fórmula em bloco

Escreva /math — abre um editor de fórmulas LaTeX. Exemplo:

E = mc^2

#Fórmula inline

Escreva /math-inline para uma fórmula dentro do texto, por exemplo: à aceleração a = F/m.

Renderização via KaTeX — suporta a maioria dos comandos LaTeX.

#Assistentes de IA

O assistente de IA está disponível através do botão ✨ IA na barra de ferramentas. Quatro funções:

Saiba mais: Assistentes de IA

#Barra lateral

À direita do editor há um painel com quatro separadores:

#1. Índice (TOC)

• Construído automaticamente a partir dos títulos H1, H2, H3
• Clique num item — o editor desloca-se para a secção
• Atualiza-se em tempo real à medida que adiciona títulos

#2. Insights

• Quality score — uma avaliação por IA da completude e legibilidade do artigo (0–100 pontos)
• Lacunas (Gap Alerts) — temas sobre os quais os utilizadores perguntam mas que o artigo não responde
• Perguntas relacionadas — consultas que este artigo ajuda a responder
• Recomendações — sugestões para melhorar o conteúdo
• Revisão — um painel para submeter o artigo a revisão (para Pro/Enterprise)

#3. Comentários

Discussão diretamente no artigo (disponível no plano Pro e superior):

• Adicionar um comentário — ao artigo inteiro ou a um fragmento selecionado (o texto do fragmento é apresentado no cabeçalho do comentário). Ctrl/⌘+Enter — envio rápido.
• Respostas — um tópico de resposta; mencione um membro através de @Nome.
• Resolver / reabrir — marcar uma discussão como resolvida e reabri-la; o filtro "Ativos / Resolvidos".
• Pode editar o seu próprio comentário; eliminar — o autor ou um editor e superior.
• O autor do artigo recebe uma notificação sobre um novo comentário, o autor do tópico — sobre uma resposta.

#4. Histórico

• Uma lista de todas as versões do artigo com datas e autores
• Ver versões anteriores
• Reverter para qualquer versão guardada
• São mantidos os últimos 30 pontos de restauro por documento — os mais antigos são eliminados automaticamente.
• Para evitar um ponto por cada gravação automática, as edições numa única sessão (≈10 minutos) são fundidas num só ponto. Um "Guardar" explícito, um "Publicar" e as operações de IA criam um ponto separado.

#Guardar e publicar

#Gravação automática

O artigo é guardado automaticamente alguns segundos após cada alteração. O estado é apresentado na barra inferior:

• A guardar... — está em curso uma gravação
• Guardado ✓ — todas as alterações estão guardadas

#Gravação manual

Prima Ctrl+S (⌘S no Mac) para guardar imediatamente.

#Publicação

1. Clique no botão Publicar no canto superior direito
2. O artigo fica disponível para pesquisa e respostas de IA
3. O estado muda para "Publicado ✓"

Quaisquer novas edições após a publicação repõem o estado, e é necessário clicar em "Publicar" novamente.

#Visibilidade do artigo

Cada artigo tem um nível de visibilidade (definido através do selo junto ao título):

Ao mudar um artigo para Público, o LiKE analisa-o em busca de dados pessoais e, se encontrar algum, mostra um diálogo de confirmação antes da publicação. Consulte Verificação de dados pessoais antes da publicação.

#Exportação e partilha

#Exportação

Clique no botão Exportar no canto superior direito. Formatos disponíveis:

• Markdown — o texto de origem
• HTML — uma página web
• PDF — um documento para impressão
• DOCX — um documento Word

#Partilha

Clique no botão Partilhar:

1. Ligação pública — qualquer pessoa com a ligação pode ler
2. Interna — apenas utilizadores autenticados
3. Embed — código HTML para incorporar num website

#Revisão (Pro e superior)

Aprovação de um artigo antes da publicação. O painel está na barra lateral direita do editor, no separador Insights (o bloco "Aprovação").

1. Submeter a revisão — o autor clica em "Submeter a revisão" e escolhe um revisor da lista. Um artigo só pode ter um pedido ativo.
2. Notificação — o revisor escolhido recebe uma notificação "Pedem-lhe para rever…".
3. Decisão do revisor (função Editor e superior; não pode rever o seu próprio pedido):
   • Aprovar — se o artigo era um rascunho, é automaticamente mudado para a visibilidade "Interno"
   • Solicitar alterações — devolvê-lo ao autor para revisão
   • Rejeitar
4. Notificação ao autor — com o resultado (aprovado / rejeitado / necessita de revisão).
5. Retirar — o autor pode retirar o seu pedido enquanto este está pendente.