Funções de tabela no editor de campo HTML

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 1 min. de leitura
  • TinyMCE versão 6,8. 2 usa menus e seleções de menu para criar e editar tabelas.

    Tabela 1. TinyMCE versão 6,8. 2
    Elemento de IU Ação
    Figura 1. Menu Tabela
    TinyMCE v6.8. 2 Menu de tabela
    Selecione o ícone de tabela ( Tabela TinyMCE v6.8.3) Para acessar o menu de tabelas TinyMCE versão 6.8.3. Use o menu de tabela para:
    • Inserir ou excluir uma tabela
    • Modifique as propriedades da tabela
    • Adicione, mova ou exclua linhas e colunas
    • Modifique as propriedades de linha e coluna
    • Dividir e mesclar células
    Figura 2. Tabela de inserção da tabela
    TinyMCE v6.8. 2 Tabela de inserção da tabela

    Para inserir uma tabela no campo HTML, selecione Inserir tabela e destacam quadrados na grade para representar o número desejado de linhas e colunas. Selecione o último quadrado realçado para inserir a tabela.

    Depois de inserir a tabela, você pode modificar o tamanho selecionando e arrastando as alças nas bordas da tabela.

    Figura 3. Sumário
    TinyMCE v6.8. 2 Summary

    O plug-in Sumário gera um sumário básico (TOC) e o insere no editor na posição atual do cursor. As entradas de índice são geradas a partir de elementos de cabeçalho no conteúdo.

    Figura 4. Propriedades da tabela
    TinyMCE v6.8. 2 Propriedades da tabela
    FR no menu de tabela, selecione . Propriedades da tabela botão Para abrir a caixa de diálogo Propriedades da tabela. Neste menu, você pode executar qualquer uma das ações a seguir :
    • Guia Geral:
      • Defina a largura e a altura da tabela
      • Defina o espaçamento e o preenchimento da célula
      • Habilitar bordas e legendas
      • Defina o alinhamento da tabela
    • Guia Avançado:
      • Configure o estilo de tabela
      • Selecione a cor da borda
      • Selecione a cor de fundo
    Figura 5. Propriedades da célula
    TinyMCE v6.8. 2 Menu de propriedades da célula
    Com o cursor na célula da tabela desejada, abra o menu de tabela e selecione Propriedades da célula . Neste menu, você pode definir as seguintes propriedades para células da tabela :
    • Guia Geral:
      • Largura e altura
      • Tipo e escopo
      • Alinhamento horizontal e vertical
    • Guia Avançado :
      • C ell
      • B cor do pedido
      • B cor do bloco
    Figura 6. Propriedades de linha
    TinyMCE v6.8. 2 Menu de propriedades de linha
    Com o cursor em uma célula da tabela na linha desejada, abra o menu da tabela e selecione Propriedades de linha . Neste menu, você pode definir as seguintes propriedades para linhas :
    • Guia Geral:
      • Tipo de linha
      • Alinhamento
      • Altura
    • Guia Avançado :
      • R estilo ow
      • B cor do pedido
      • B cor do bloco

    Você também pode colar tabelas em campos HTML de editores baseados em tabela.