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

  • Versão de lançamento: Xanadu
  • Atualizado 1 de ago. de 2024
  • 4 min. de leitura
  • O editor de 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. Plug-ins compatíveis com o editor de HTML TinyMCE
    Nome do plug-in Descrição
    acordeão Habilita a criação de seções em um documento que pode ser expandido ou recolhido para mostrar ou ocultar conteúdo adicional.
    listaadv Eestende os controles principais da barra de ferramentas de lista de números e lista de touros adicionando formatos de número de estilo de lista de CSS e tipos de marcador aos controles.
    itens_lista_alinhamento Confirma que os marcadores e números estão alinhados com o conteúdo.
    âncora Umadiciona 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 Ccria hiperlinks automaticamente quando você insere uma URL válida e completa. Por exemplo, www.example.com é convertido em http://www.example.com.
    redimensionar automaticamente Rdimensiona o editor para o conteúdo dentro dele automaticamente. É's normalmente usado para ajudar a impedir que o editor se expanda infinitamente conforme você insere texto na área editável.
    mapa de caracteres Umadiciona uma caixa de diálogo ao editor com um mapa de caracteres Unicode especiais, que não podem ser adicionados diretamente do teclado.
    espelho de código Fornece um editor de código mais avançado do que a área de texto padrão .
    amostra de código Eunsert e incorporo snippets de código realçados com cor de sintaxe na área editável. Ele também adiciona um botão à barra de ferramentas que abres uma caixa de diálogo para aceitar a entrada de código bruto.
    direcionalidade Umadiciona controles de direcionalidade à barra de ferramentas, permitindo que o TinyMCE lide melhor com os 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.
    emoticons Umadiciona uma caixa de diálogo ao editor que permite a você inserir emoji na área editável do TinyMCE.
    tela cheia Umadiciona capacidades de edição de tela inteira ao TinyMCE. Quando você pressiona o botão da barra de ferramentas, a área editável preenches a janela de visualização do navegador.
    imagem Epermite que você insira uma imagem na área editável do TinyMCE.
    inserir data/hora Pfornece um controle de barra de ferramentas e um item de menu que permite a você inserir a data e hora atuais na área editável no ponto de inserção do cursor.
    link Permite que você vincule recursos externos,, como URLs de sites, ao texto selecionado em seu documento.
    listas Permite que adicione listas numeradas e com marcadores ao TinyMCE. Para habilitar listas avançadas, como listas com números alfabéticos e marcadores quadrados,, você também deve habilitar o plug-in Advanced List (advlist).
    mídia Permite que você adicione elementos de vídeo e áudio HTML5 à área editável.
    inviolável Umadiciona um botão para inserir entidades de espaço sem quebra, 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 Menu Inserir-para baixo e um botão da barra de ferramentas.
    quebra de página Umdds suporte a quebra de página e permite que você insira quebras de página na área editável. Esta habilidade é útil quando um CMS usa um separador especial para dividir o conteúdo em páginas.
    Visualizar Umadiciona 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.
    somente leiturasem bordas Ehabilita um modo somente leitura para tipos de campo HTML.
    pesquisarsubstituir Uma pesquisa [dds e substituem caixas de diálogo para TinyMCE.
    tabela Umadiciona a funcionalidade de gerenciamento de tabela ao TinyMCE, incluindo caixas de diálogo, menus de contexto, barras de ferramentas de contexto, itens de menu e botões da barra de ferramentas.
    sumário Ggera um índice básico (ToC) e o insere no editor no ponto de inserção do cursor . As entradas de ToC são geradas a partir de elementos de cabeçalho no conteúdo.
    blocos visuais Permite que você veja elementos de nível de bloco-na área editável.
    visualchars Umdds a capacidade de ver caracteres invisíveis como na área editável.
    contagem de palavras

    Umadiciona à funcionalidade de contagem de palavras para o editor TinyMCE.

    Nota:
    Este plug-in não é mais compatível com espaços.
    powerpaste Cinclina-se para cima de conteúdo de Microsoft Word, Microsoft Excel, Google Docs e fontes HTML automaticamente para criar limpar conteúdo que corresponda à aparência do site.
    Nota:
    Adicionar um plug-in personalizado aos plug-ins válidos pode gerar resultados inesperados.

    Alterar os plug-ins do editor de HTML do TinyMCE

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

    Antes de Iniciar

    Função necessária: administrador

    Procedimento

    1. Navegar até Todos > Propriedades do sistema > Propriedades da IU.
    2. Atualize a configuração do plug-in do campo HTML (TinyMCE v6.8.3) (glide.ui.html.editor.enabled_plugins) para configurar os plug-ins.

      Use uma barra vertical ("|") para adicionar um separador de seção.

      Tabela 2. Plug-ins para TinyMCE HTML editor
      Tipo Plug-ins
      Plug-ins padrão acordeão advlista alinhar_listaitens âncora link automático redimensionar automaticamente códigos de códigoespelho emoticons de direcionalidade de amostra imagem em tela inteira inserir datahora listas de links mídia sem quebras pré-visualização de quebra de página somente leiturasomente pesquisa sem limitessubstituir tabela índice visualbloqueios visuaiscaracteres contagem de palavras
      Plug-ins habilitados acordeão advlista alinhar_listaitens âncora link automático código de mapacódigos de espelhoemoticons de amostra imagem em tela cheia inserir datahora listas de links mídia sem quebras visualizar quebra de páginasomente leiturasomente pesquisa sem bordassubstituir tabela índicevisualbloquear elementos visuaiscaracteres contagem de palavras
    3. Faça mudanças (adicionar/remover) na propriedade de plug-ins habilitados.
    4. Selecione Salvar.
      Se houver um plug-in personalizado adicionado aos plug-ins habilitados, isso não é recomendado, a menos que seja crítico.