Formatação de Texto
O editor da Copera oferece um conjunto abrangente de ferramentas de formatação para tornar suas páginas claras, estruturados e visualmente atraentes. Você pode aplicar formatação usando atalhos de teclado, a barra de ferramentas flutuante, atalhos estilo Markdown ou comandos de barra.
Títulos
Títulos criam estrutura na sua página e aparecem automaticamente no sumário. Existem três níveis de título disponíveis através do menu de comandos de barra:
| Título | Comando de Barra | Atalho Markdown |
|---|---|---|
| Título 1 | /Heading 1 | # no início da linha |
| Título 2 | /Heading 2 | ## no início da linha |
| Título 3 | /Heading 3 | ### no início da linha |
Para criar um título, inicie uma nova linha e digite o atalho Markdown (por exemplo, # seguido do seu texto), ou use o menu de comandos de barra digitando /heading.
Formatação Inline
Selecione o texto e use a barra de ferramentas flutuante ou atalhos de teclado para aplicar formatação inline:
| Formato | Atalho de Teclado | Sintaxe Markdown |
|---|---|---|
| Negrito | Ctrl+B / Cmd+B | **texto** |
| Itálico | Ctrl+I / Cmd+I | *texto* |
| Ctrl+Shift+S / Cmd+Shift+S | ~~texto~~ | |
| Sublinhado | Ctrl+U / Cmd+U | --- |
Código inline | Ctrl+E / Cmd+E | `texto` |
| Destaque | Selecione na barra de ferramentas | --- |
| Cor de texto | Selecione na barra de ferramentas | --- |
Você também pode combinar vários formatos --- por exemplo, negrito e itálico ao mesmo tempo.
Cor de Texto e Destaque
Além de negrito e itálico, você pode mudar a cor do seu texto e adicionar um destaque atrás dele. Selecione o texto, depois escolha uma cor ou destaque na barra de ferramentas flutuante. Use isso com moderação para chamar o olhar para as palavras que mais importam.
Fontes
O editor também suporta opções de fonte para que você possa ajustar o tipo de letra do seu texto onde um visual diferente ajuda. Aplique uma fonte ao texto selecionado pelos controles de formatação.
Listas
A Copera suporta três tipos de listas:
Listas com Marcadores
Crie listas não ordenadas para itens que não precisam de uma sequência específica. Inicie uma linha com - ou * para criar um item com marcador, ou use o comando de barra /Bullet List.
- Primeiro item
- Segundo item
- Terceiro item
Listas Numeradas
Crie listas ordenadas quando a sequência importa. Inicie uma linha com 1. para iniciar uma lista numerada, ou use o comando de barra /Numbered List.
- Primeiro passo
- Segundo passo
- Terceiro passo
Checklists (Listas de Tarefas)
Acompanhe tarefas diretamente dentro da sua página com caixas de seleção interativas. Use o comando de barra /To-do List para inserir um checklist. Clique em uma caixa de seleção para marcá-la como concluída.
- Pesquisar concorrentes
- Redigir proposta
- Revisar com a equipe
Citações
Destaque uma citação ou nota importante usando uma citação em bloco. Inicie uma linha com > para criar uma, ou use o comando de barra /Quote.
"Você pode adicionar citações para enfatizar informações importantes."
As citações são visualmente separadas do restante da página, fazendo-as se destacar para os leitores.
Callouts
Callouts são caixas coloridas que tornam uma nota, dica ou aviso impossível de ignorar. Insira um com o comando de barra /Callout, depois digite sua mensagem dentro da caixa. Callouts são perfeitos para lembretes importantes, ressalvas e notas de "leia isto primeiro" que você quer destacar do texto do corpo.
Toggles
Toggles permitem recolher conteúdo atrás de um resumo clicável, para que páginas longas continuem fáceis de escanear. Os leitores clicam na seta para expandir ou recolher o conteúdo oculto.
- Toggle list --- Insira com
/Toggle list. Digite uma linha de resumo, depois adicione qualquer conteúdo (parágrafos, listas, imagens, até outros toggles) dentro. O conteúdo fica oculto até alguém expandi-lo. - Toggle headings --- Insira com
/Toggle heading 1,/Toggle heading 2ou/Toggle heading 3. Estes combinam um título de seção com um corpo recolhível, ideal para FAQs e páginas longas e seccionadas.
Para remover um toggle e manter seu resumo como texto simples, posicione o cursor no início do resumo e pressione Backspace.
Layouts de Múltiplas Colunas
Organize blocos lado a lado em vez de empilhá-los de cima para baixo. Use os comandos de barra /2 columns até /5 columns para criar um layout, depois solte qualquer bloco em cada coluna.
- Redimensionar colunas --- Arraste o divisor entre duas colunas para deixar uma mais larga e a outra mais estreita.
- Adicionar conteúdo --- Cada coluna comporta qualquer bloco que você quiser --- texto, imagens, listas, callouts e mais.
- Remover o layout --- Abra o menu do handle do bloco em uma coluna e escolha Excluir layout de colunas para mesclar tudo de volta em uma única coluna.
Colunas são ótimas para comparações, notas lado a lado, listas de funcionalidades e designs de página mais ricas.
Cores de Bloco
Dê a um bloco inteiro sua própria cor de fundo e de texto para agrupar e enfatizar conteúdo. Abra o menu do handle do bloco (clique na alça na borda esquerda do bloco), escolha Cor e selecione na paleta.
As cores de bloco funcionam em parágrafos, títulos, citações e listas, e a cor viaja com o bloco quando você o move ou duplica. Use-as para codificar seções por cor, sinalizar status ou simplesmente adicionar estrutura visual a uma página longa.
Tabelas
Insira dados estruturados usando tabelas. Use o comando de barra /Table ou o menu de comandos para adicionar uma tabela. Uma vez inserida, você pode:
- Adicionar ou remover linhas e colunas usando os controles da tabela.
- Redimensionar colunas arrastando as bordas das colunas.
- Digitar diretamente nas células e formatar o conteúdo com qualquer formatação inline.
As tabelas usam um layout de linha limpo e compacto para que mais dos seus dados caibam na tela de uma vez.
Colando Tabelas
Você pode colar uma tabela direto de uma fonte Markdown e a Copera a converte automaticamente em uma tabela real e editável --- sem reconstrução manual. Da mesma forma, quando você copia conteúdo da Copera, as tabelas são preservadas em um formato que outras ferramentas compatíveis com Markdown conseguem ler.
Blocos de Código
Compartilhe trechos de código com destaque de sintaxe. O editor suporta blocos de código com destaque específico por linguagem para muitas linguagens de programação:
function greet(name) {
return `Hello, ${name}!`;
}
Para inserir um bloco de código, use o menu de comandos de barra ou digite três crases (```) seguidas do nome da linguagem no início de uma linha.
Linhas Horizontais
Insira um divisor visual entre seções da sua página. Use o comando de barra /Divider ou digite --- em uma nova linha.
Links
Adicione links clicáveis para sites externos ou recursos internos. Selecione o texto e pressione Ctrl+K (Windows/Linux) ou Cmd+K (Mac) para abrir o diálogo de link. Cole ou digite a URL, e o texto selecionado se torna um hiperlink.
Links em páginas abrem em uma nova aba por padrão, para que os leitores não percam seu lugar.
Atalhos Markdown
O editor suporta atalhos Markdown comuns que são convertidos automaticamente conforme você digita:
| Atalho | Resultado |
|---|---|
# | Título 1 |
## | Título 2 |
### | Título 3 |
- ou * | Lista com marcadores |
1. | Lista numerada |
> | Citação |
--- | Linha horizontal |
``` | Bloco de código |
**texto** | Negrito |
*texto* | Itálico |
`código` | Código inline |
~~texto~~ | Tachado |
Você também pode colar conteúdo Markdown e ele será automaticamente convertido para texto rico.
Próximos Passos
- Comandos de Barra --- Insira rapidamente qualquer tipo de conteúdo com o menu
/. - Incorporações e Mídia --- Adicione imagens, vídeo, áudio, arquivos, diagramas e conteúdo incorporado.
- Menções --- Faça referência a pessoas, páginas e canais.
- Comentários Inline --- Deixe comentários ancorados e discuta em threads.