Configuração de plug-ins para o editor de HTML TinyMCE

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 4 min. de leitura
  • TinyMCE HTML editor é um poderoso, flexível e personalizável editor de rich text. Você pode configurar e estender o editor usando plug-ins.

    Tabela 1. Plug-ins compatíveis com o editor de HTML TinyMCE
    Nome do plug-in Descrição
    a11yverificador Permite que você verifique o HTML no editor para vários problemas de acessibilidade WCAG e 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 controles principais da barra de ferramentas de bullist e numlist adicionando formatos de número com estilo CSS list-style-type e tipos de marcadores 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çado por 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, permitindo que o TinyMCE lide 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 recursos de edição para imagens na área editável do TinyMCE.
    emoticons Adiciona uma caixa de diálogo ao editor que permite inserir emoji na área editável do TinyMCE.
    tela cheia Adiciona recursos de edição em tela cheia ao TinyMCE. Quando você pressiona o botão da barra de ferramentas, a área editável preenche a janela de exibição do navegador.
    ajuda Permite que os usuários verifiquem os atalhos úteis, a navegação pelo teclado para acessibilidade e. TinyMCE.
    imagem Permite que você insira uma imagem na área editável do TinyMCE.
    insertdatetime Fornece um controle da barra de ferramentas e um item de menu que permite inserir a data e a hora atuais na área editável no ponto de inserção do cursor.
    link O permite vincular recursos externos, como URLs de sites, ao texto selecionado em seu documento.
    listas Permite que você adicione listas numeradas e com marcadores ao 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 áudio e vídeo 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.
    noborda Habilita um modo somente leitura para tipos de campo HTML.
    pesquisasubstituir Adiciona caixas de diálogo de pesquisa e substituição ao TinyMCE.
    tabela Adiciona funcionalidade de gestão de tabelas ao TinyMCE, incluindo caixas de diálogo, menus de contexto, barras de ferramentas de contexto, itens de menu, e da barra de ferramentas.
    tabelacontents Gera um sumário básico (TOC) 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.
    visualblocks 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 para contagem de palavras ao editor TinyMCE.

    Nota:
    Este plug-in não é mais compatível com espaços de trabalho.
    pasta avançada 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 de 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. Plug-ins 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
      • tela cheia
      • ajuda
      • imagem
      • insertdatetime
      • link
      • listas
      • mídia
      • sem interrupção
      • quebra de página
      • Visualizar
      • noborda
      • pesquisasubstituir
      • tabela
      • tabelacontents
      • visualblocks
      • 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
      • noborda
      • pesquisasubstituir
      • tabela
      • tabelacontents
      • visualblocks
      • visualchars
      • wordcount
    3. Faça mudanças (adicionar/remover) na propriedade 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.