Configurando plug-ins para o editor de HTML TinyMCE

  • Versão de lançamento: Australia
  • Atualizado 12 de mar. de 2026
  • 5 min. de leitura
  • O editor HTML TinyMCE é um editor de rich text poderoso, flexível e personalizável. Você pode configurar e estender o editor usando plug-ins.

    Tabela 1. Plugins compatíveis com o editor HTML TinyMCE
    Nome do plug-in Descrição
    a11yverificador Permite verificar o HTML no editor para vários problemas de acessibilidade das WCAG e da Seção 508. Ele tem um recurso de reparo automático que permite que o usuário corrija problemas identificados.
    acordeão Permite a criação de seções em um documento que podem ser expandidas ou recolhidas para mostrar ou ocultar conteúdo adicional.
    advlist Estende os principais controles da barra de ferramentas de bullist e numlist adicionando formatos de número com estilo CSS list-style-type e tipos de marcador aos controles.
    align_listitems Confirma se marcadores e números estão alinhados com o conteúdo.
    âncora Adiciona um botão de âncora/marcador à barra de ferramentas que insere uma âncora no ponto de inserção do cursor do editor. Ele também adiciona a âncora do item de menu no menu Inserir.
    link automático Cria hiperlinks automaticamente quando você insere um URL válido e completo. Por exemplo, www.example.com é convertido para http://www.example.com .
    redimensionamento automático Redimensiona o editor para o conteúdo dentro dele automaticamente. É normalmente usado para ajudar a impedir que o editor se expanda infinitamente conforme você insere texto na área editável.
    mapa de caracteres Adiciona uma caixa de diálogo ao editor com um mapa de caracteres unicode especiais, que não podem ser adicionados diretamente do teclado.
    código Fornece um editor de código mais avançado do que a área de texto padrão.
    amostra de código Insira e incorpore snippets de código realçados de cor de sintaxe na área editável. Ele também adiciona um botão à barra de ferramentas que abre uma caixa de diálogo para aceitar a entrada de código bruto.
    direcionalidade Adiciona controles de direcionalidade à barra de ferramentas, habilitando TinyMCE para lidar melhor com idiomas escritos da direita para a esquerda. Ele também adiciona um botão da barra de ferramentas para cada um de seus valores, ltr para texto da esquerda para a direita e rtl para texto da direita para a esquerda.
    editimage Adiciona capacidades de edição para imagens no TinyMCEárea editável.
    emoticons Adiciona uma caixa de diálogo ao editor que permite inserir emoji no TinyMCE área editável.
    formatpainter Permite copiar e aplicar formatação, incluindo estilo de fonte, tamanho e estilos de tabela, entre locais no TinyMCEárea editável, compatível com vários formatos, como estilos em linha e em bloco.
    tela cheia Adiciona capacidades de edição em tela cheia a TinyMCE. Quando você pressiona o botão da barra de ferramentas, a área editável preenche a janela de visualização do navegador.
    ajuda Permite que os usuários verifiquem os atalhos úteis, a navegação pelo teclado para acessibilidade e. TinyMCE.
    imagem Permite inserir uma imagem no TinyMCEárea editável.
    insertdatetime Fornece um controle da barra de ferramentas e um item de menu que permite inserir a data e hora atuais na área editável no ponto de inserção do cursor.
    link Permite vincular recursos externos, como URLs de sites, ao texto selecionado no documento.
    listas Permite adicionar listas numeradas e com marcadores a. TinyMCE. Para habilitar listas avançadas, como listas numeradas alfa e marcadores quadrados, você também deve habilitar o plug-in Lista avançada (advlist).
    mídia Permite adicionar elementos de vídeo e áudio em html5 à área editável.
    sem interrupção Adiciona um botão para inserir entidades de espaço não separável, como no ponto de inserção do cursor. Ele também adiciona um item de menu Espaço não separável na lista suspensa Inserir menu e um botão da barra de ferramentas.
    quebra de página Adiciona suporte a quebras de página e permite inserir quebras de página na área editável. Essa capacidade é útil quando um CMS usa um separador especial para dividir o conteúdo em páginas.
    Visualizar Adiciona um botão de visualização à barra de ferramentas que abre uma caixa de diálogo mostrando o conteúdo atual em um modo de visualização.
    noborder Habilita um modo somente leitura para tipos de campo HTML.
    pesquisar e substituir Adiciona caixas de diálogo de pesquisa e substituição a TinyMCE.
    tabela Adiciona a funcionalidade de gestão de tabelas a. TinyMCE , incluindo caixas de diálogo, menus de contexto, barras de ferramentas de contexto, itens de menu, e da barra de ferramentas.
    contents da tabela Gera um sumário básico (sumário) e o insere no editor no ponto de inserção do cursor. As entradas de índice são geradas a partir de elementos de cabeçalho no conteúdo.
    blocos visuais Permite que você veja elementos em nível de bloco na área editável.
    visualchars Adiciona a capacidade de ver caracteres invisíveis, como na área editável.
    wordcount

    Adiciona a funcionalidade de contagem de palavras ao TinyMCE editor.

    Nota:
    Este plug-in não é mais compatível com espaços de trabalho.
    pasta ativa Limpa o conteúdo de Microsoft Word, Microsoft Excel, Google E fontes HTML automaticamente para criar conteúdo limpo que corresponda à aparência do site.
    Nota:
    A adição de um plug-in personalizado aos plug-ins válidos pode causar resultados inesperados.

    Mude os plug-ins do editor HTML TinyMCE

    Configure os plug-ins TinyMCE em nossos espaços.

    Antes de Iniciar

    Função necessária: administrador

    Procedimento

    1. Navegar até Tudo > Propriedades do sistema > Todas as Propriedades.
    2. PESQUISE e selecione o plug-in (glide.ui.html.editor.enabled_plug-ins).
      Tabela 2. Plugins para o editor de HTML TinyMCE
      Tipo Plug-ins
      Valor padrão
      Nota:
      . valor O campo exibe os plug-ins padrão que estão habilitados no editor TinyMCE.
      • acordeão
      • advlist
      • align_listitems
      • âncora
      • link automático
      • redimensionamento automático
      • mapa de caracteres
      • código
      • amostra de código
      • direcionalidade
      • editimage
      • emoticons
      • formatpainter
      • tela cheia
      • ajuda
      • imagem
      • insertdatetime
      • link
      • listas
      • mídia
      • sem interrupção
      • quebra de página
      • Visualizar
      • noborder
      • pesquisar e substituir
      • tabela
      • contents da tabela
      • blocos visuais
      • visualchars
      • wordcount
      Plug-ins disponíveis
      Nota:
      . opções o campo lista todos os plug-ins disponíveis. Adicione um plug-in do opções lista para valor para habilitá-los.
      • a11yverificador
      • acordeão
      • advlist
      • align_listitems
      • âncora
      • link automático
      • mapa de caracteres
      • código
      • amostra de código
      • direcionalidade
      • editimage
      • emoticons
      • tela cheia
      • ajuda
      • imagem
      • insertdatetime
      • link
      • listas
      • mídia
      • sem interrupção
      • quebra de página
      • Visualizar
      • noborder
      • pesquisar e substituir
      • tabela
      • contents da tabela
      • blocos visuais
      • visualchars
      • wordcount
    3. Faça mudanças (adicionar/remover) na propriedade de plug-ins disponíveis.
    4. Selecione salvar.
      Se houver um plug-in personalizado adicionado aos plug-ins disponíveis, não é recomendado, a menos que seja crítico.