Adicione uma tabela a. um Editor de HTML

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 2 min. de leitura
  • E adicione formato a. n exemplo tabela para um artigo de conhecimento Usando controles de campo HTML .

    Antes de Iniciar

    Função necessária: administrador

    Por Que e Quando Desempenhar Esta Tarefa

    Nesta tarefa, você cria e formata uma tabela em htmlArea ou TinyMCE v6.8.3. As tabelas resultantes devem ser semelhantes a uma das imagens a seguir.

    Figura 1. Exemplo de tabela em htmlArea
    html de exemplo de tabela
    Figura 2. Exemplo de tabela no TinyMCE v6.8.3
    TinyMCE v6.8.3 Exemplo de tabela

    Se você inserir valores alternativos para aspectos como largura, espaçamento de célula, preenchimento de célula, borda e alinhamento, a tabela resultante varia dos exemplos fornecidos.

    Procedimento

    1. Navegar até Tudo > Conhecimento > Editar e selecione conhecimento artigo que você quer para editar.
    2. No campo HTML, posicione o cursor em o local onde você quiser adicionar a tabela.
    3. Selecione o ícone de tabela e selecione Inserir tabela e selecione o número de linhas e colunas.
    4. E edite as propriedades da tabela.
      1. Posicione o cursor na tabela, selecione o ícone de tabela e selecione Propriedades da tabela .
      2. Insira os seguintes valores em Geral .
        • Largura: 75%
        • Espaçamento da célula: 3
        • Preenchimento da célula: 3
        • Borda: 1
        • Alinhamento: À esquerda
      3. Em Avançado , selecione o campo de texto ao lado de Cor da borda e insira Cinza .
        A caixa do seletor de cores fica cinza para indicar a cor inserida. Você também pode selecionar a caixa e selecionar as cores na paleta.
      4. Selecione OK .
    5. U pdate a linha da tabela de cabeçalho.
      1. Selecione as células na primeira linha da tabela, selecione o ícone de tabela e selecione Linha > Propriedades de linha.
      2. Insira os seguintes valores em Geral .
        • Tipo de linha: Cabeçalho
        • Alinhamento: Centralizado
      3. Em Guia Avançado , insira 87cefa na caixa de texto ao lado de Cor de fundo para defini-lo como azul claro.
      4. Selecione OK .
    6. S e a tabela propriedades da célula .
      1. Selecione todas as células da tabela na primeira coluna, exceto . células na linha do cabeçalho .
      2. S selecione o ícone de tabela e selecione Célula > Propriedades da célula.
      3. Insira os seguintes valores em Geral . :
        • Alinhamento H: À esquerda
        • V Alinhar: Superior
      4. Selecione OK .
      5. Repita essas etapas para as células da tabela na segunda coluna.
    7. S defina a cor de fundo da linha do meio .
      1. Posicione o cursor na linha central da tabela, selecione o ícone de tabela e selecione Linha > Propriedades de linha.
      2. Em Guia Avançado , insira Prata na caixa de texto ao lado de Cor de fundo para defini-lo para a cor nº c0c0c0.
      3. Selecione OK .
      4. Repita este procedimento para todas as outras linhas da tabela.
    8. S e a largura do coluna s .
      1. Selecione a primeira coluna da tabela, selecione o ícone de tabela e selecione Célula > Propriedades da célula.
      2. Em Geral , insira 30% em Largura campo de texto.
      3. Selecione OK .
    9. Selecione e segure (ou clique com o botão direito) o cabeçalho do formulário e escolha Salvar.
    10. Insira os dados nas células da tabela e salve o artigo.