Funções de tabela no editor de campo HTML

  • Versão de lançamento: Xanadu
  • Atualizado 1 de ago. de 2024
  • 1 min. de leitura
  • O TinyMCE versão 6.8.3 usa menus e seleções de menu para criar e editar tabelas.

    Tabela 1. TinyMCE versão 6.8.3
    Elemento de IU Ação
    Figura 1. Menu Tabela
    Menu de tabela do TinyMCE v6.8.3
    Selecione o ícone de tabela ( Tabela TinyMCE v6.8.3) para acessar o menu da tabela TinyMCE versão 6.8.3. Use o menu da tabela para:
    • Inserir ou excluir uma tabela
    • Modificar propriedades da tabela
    • Adicionar, mover ou excluir linhas e colunas
    • Modificar propriedades de linha e coluna
    • Dividir e mesclar células
    Figura 2. Grade de inserção de tabela
    Grade de inserção de tabela do TinyMCE v6.8.3

    Para inserir uma tabela no campo HTML, selecione Inserir tabela e realce os 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
    Índice do TinyMCE v6.8.3

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

    Figura 4. Propriedades da tabela
    Propriedades da tabela do TinyMCE v6.8.3
    Frno menu da tabela, selecione o botão Propriedades da tabela para abrir a caixa de diálogo Propriedades da tabela. Neste menu, você pode realizar qualquer uma das seguintes ações:
    • Guia Geral:
      • Definir largura e altura da tabela
      • Definir espaçamento e preenchimento de célula
      • Habilitar bordas e legendas
      • Definir o alinhamento da tabela
    • Guia Avançado:
      • Configurar o estilo da tabela
      • Selecione a cor da borda
      • Selecione a cor de fundo
    Figura 5. Propriedades da célula
    Menu de propriedades da célula do TinyMCE v6.8.3
    Com o cursor na célula da tabela desejada, abra o menu da tabela e selecione Propriedades da célula. A partir deste 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:
      • Estilo Cell
      • Cor da ordem B
      • Bcor de fundo
    Figura 6. Propriedades da linha
    Menu de propriedades de linha do TinyMCE v6.8.3
    Com o cursor em uma célula de tabela na linha desejada, abra o menu da tabela e selecione Propriedades da linha. Neste menu, você pode definir as seguintes propriedades para linhas:
    • Guia Geral:
      • Tipo de linha
      • Alinhamento
      • Altura
    • Guia Avançado:
      • Restilo de fluxo
      • Cor da ordem B
      • Bcor de fundo

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