Funções de formatação em editores de campo HTML

  • Versão de lançamento: Xanadu
  • Atualizado 1 de ago. de 2024
  • 2 min. de leitura
  • A tabela de formatação mostra como controlar a forma como o texto aparece.

    A tabela a seguir exibe os ícones que estão disponíveis nos editores TinyMCE e htmlArea. Nomes marcados com um asterisco (*) não estão disponíveis com o editor htmlArea.

    Tabela 1. Formatando tabela
    Nome ícone htmlArea Ícone do TinyMCE Descrição
    Alinhar centro

    Centralizar alinhamento de texto html

    Central de alinhamento do TinyMCE v6

    Aplica o alinhamento central ao parágrafo atual.

    Referência de código: text-align:center

    Alinhar à esquerda

    Alinhamento de texto à esquerda html

    Alinhamento à esquerda do TinyMCE v6

    Aplica o alinhamento à esquerda ao parágrafo atual.

    Referência de código: text-align:left

    Alinhar à direita

    Alinhamento de texto à direita html

    Alinhamento à direita do TinyMCE v6

    Aplica o alinhamento à direita ao parágrafo atual.

    Referência de código: text-align:right

    Cor de fundo

    HTML da cor de fundo

    Cor de fundo do TinyMCE v6

    Aplica a cor de fundo à palavra atual ou ao texto selecionado. Selecione o botão para usar a cor atual. Selecione Mais cores... para exibir várias opções de cores e os códigos hexadecimais.
    Blocos

    Estilos de parágrafo html

    Blocos do TinyMCE v6

    Alterna a visibilidade dos elementos de nível de bloco na área editável. É semelhante à funcionalidade de caracteres ocultos WYSIWYG, mas no nível de bloco.
    *Bloquear cotação

    Citações em bloco do TinyMCE v6

    Aplica o formato de aspas em bloco ao elemento de nível de bloco atual.
    Negrito

    HTML em negrito

    TinyMCE v6 em negrito

    Aplica a formatação de negrito ao texto selecionado ou à palavra atual.

    Atalho do teclado: CTRL + B

    Lista com marcadores

    HTML de marcador

    Lista de marcadores do TinyMCE v6

    Aplica ou remove marcadores de lista não ordenada dos parágrafos selecionados. Selecione a seta para escolher um tipo de marcador diferente.
    Família de fontes

    Menu suspenso HTML da família de fontes

    Menu suspenso da família de fontes TinyMCE v6

    Aplica uma família de fontes ao texto selecionado ou à palavra atual.
    Tamanho da fonte

    Tamanho da fonte html

    Menu suspenso Tamanho da fonte do TinyMCE v6

    Aplica um tamanho de fonte ao texto selecionado ou à palavra atual.
    Aumentar recuo

    Recuar html

    Recuo de aumento do TinyMCE v6

    Aplica recuo aos parágrafos atuais ou selecionados, adicionaing 30 px de preenchimento esquerdo.

    Referência de código: padding-left

    Itálico

    HTML em itálico

    TinyMCE v6 itálico

    Aplica a formatação em itálico ao texto selecionado ou à palavra atual.

    Atalho do teclado: CTRL + I

    Justificar

    Alinhamento de texto completo html

    Justificativa do TinyMCE v6

    Aplica o alinhamento justificado, , que estica as linhas para que tenham larguras iguais, ao parágrafo selecionado.

    Referência de código: text-align:justify

    *LTR (da esquerda para a direita)

    LTR do TinyMCE v6

    Define a direcionalidade do conteúdo como da esquerda para a direita.
    *Novo documento

    Novo documento do TinyMCE v6

    Cria um documento sem qualquer formatação.
    Sem quebra

    TinyMCE v6 sem quebra

    Insere um espaço ininterrupto no editor.
    Lista numerada

    HTML numerado

    Lista numerada do TinyMCE v6

    Aplica ou remove marcadores de lista ordenados dos parágrafos selecionados. Selecione a seta para escolher um tipo de número diferente.
    Recuo para a esquerda

    Diminuir recuo html

    Recuo do TinyMCE v6

    Remove o recuo dos parágrafos atuais ou selecionados, removendoing 30 px de preenchimento esquerdo.

    Nota:
    O preenchimento não pode ser menor que 0.

    Referência de código: padding-left

    *Quebra de página

    Quebra de página do TinyMCE v6

    Insere uma quebra de página no editor.
    *Remover formato

    Formato de remoção do TinyMCE v6

    Remove a formatação do texto selecionado.
    *RTL (da direita para a esquerda)

    RTL do TinyMCE v6

    Define a direcionalidade do conteúdo como da direita para a esquerda.
    Tachado

    Tachado do TinyMCE v6

    Aplica o tachadoembora o formatoting ao texto selecionado.
    *Assinar

    Assinatura do TinyMCE v6

    Aplica o formato de subscritoting ao texto selecionado.
    *Sobrescrito

    Sobrescrito do TinyMCE v6

    Aplica o formato sobrescritoting ao texto selecionado.
    Cor do texto

    HTML da cor do texto

    Cor do texto do TinyMCE v6

    Aplica a cor de texto ao texto selecionado. Selecione o botão para usar a cor atual. Selecione Mais cores... para exibir várias opções de cores e os códigos hexadecimais.
    Sublinhado

    Sublinhar html

    Sublinhado do TinyMCE v6

    Aplica a formatação de sublinhado ao texto selecionado ou à palavra atual.

    Atalho do teclado: CTRL + U