Links

Notas:

Hiperlinks são essenciais para conectar sites e seu conteúdo. Para criar um link, use a opção inserir link no word ou no documento do google.

É possível adicionar links em todo o conteúdo padrão e em diferentes opções de formatação.

Nos documentos do Word e Google, somente links absolutos são aceitos, o que geralmente é mais fácil copiar e colar do navegador. Os links são convertidos automaticamente para serem relativos ao site, enquanto os links externos são mantidos absolutos.

Os links geralmente são usados além dos links de texto e referências, por exemplo, mídia incorporada ou fragmentos referenciados que são incorporados na página.

Exemplo:

Ver saída em tempo real

Estrutura de conteúdo:

Ver conteúdo no documento

Código:

Como os links são considerados Conteúdo padrão, eles são estilizados no código CSS do projeto ou do bloco. Normalmente, não há um código JavaScript usado.
Não há código de estilo relacionado ao link no projeto de chapa.

Menção especial: o Microsoft Word Online não permite links em imagens, portanto, uma solução alternativa seria permitir que os autores coloquem um link diretamente abaixo da imagem e, em seguida, envolvê-lo no lado do cliente, por exemplo,

/**
 * Wraps images followed by links within a matching <a> tag.
 * @param {Element} container The container element
 */
function wrapImgsInLinks(container) {
  const pictures = container.querySelectorAll('picture');
  pictures.forEach((pic) => {
    const link = pic.nextElementSibling;
    if (link && link.tagName === 'A' && link.href) {
      link.innerHTML = pic.outerHTML;
      pic.replaceWith(link);
    }
  });
}