Por padrão, as imagens no editor Markdown estão alinhadas à esquerda. O Markdown não possui uma forma embutida de controlar o alinhamento da imagem — a solução alternativa é envolver a tag da imagem dentro de um elemento HTML <p> com um style="text-align" atributo, que o editor Markdown do Document360 renderiza corretamente.
Quando usar o alinhamento personalizado de imagens
- Alinhamento do centro — coloque diagramas, capturas de tela ou ilustrações no centro visual da página para dar mais destaque e separá-los do corpo do texto.
- Alinhamento à direita — flutue um logo, ícone ou imagem de apoio para a direita para que o texto do corpo possa fluir junto com ele.
- Alinhamento explícito à esquerda — substitua o padrão quando seu modelo de artigo ou CSS aplicar um alinhamento base diferente.
Essa técnica só funciona no editor Markdown. No editor WYSIWYG, use as opções de alinhamento na barra de ferramentas de imagem.
Referência rápida
Substitua YOUR_IMAGE_URL pela URL da sua imagem e escolha o valor de alinhamento que você precisa.
| Alinhamento | Trecho HTML |
|---|---|
| Esquerda | <p style="text-align: left"><img src="YOUR_IMAGE_URL"></p> |
| Centro | <p style="text-align: center"><img src="YOUR_IMAGE_URL"></p> |
| Certo | <p style="text-align: right"><img src="YOUR_IMAGE_URL"></p> |
Qualquer tipo de arquivo de imagem suportado pelo Document360 — incluindo logos, ícones, botões e clipart — pode ser alinhado usando esses trechos.
Como alinhar uma imagem no Markdown
- Abra o artigo desejado no portal da Base de Conhecimento.
- Cole o trecho apropriado da tabela acima no local onde deseja que a imagem apareça.
- Substitua
YOUR_IMAGE_URLpela URL da sua imagem.
Como encontrar uma URL de imagem no Drive
-
Vá em Drive e navegue até a pasta que contém a imagem.
-
Clique na imagem desejada — alternativamente, clique em ••• ao lado do nome da imagem e selecione Ver detalhes.
O painel de detalhes do arquivo aparece à direita. A URL da imagem é exibida abaixo das informações de Localização .
-
Clique no ícone Copiar para copiar a URL.
Desfechos
Alinhamento à esquerda
Alinhamento central
Alinhamento à direita