Ícones de formatação para os editores de campo HTML

  • Versão de lançamento: Washingtondc
  • Atualizado 1 de fev. de 2024
  • 2 min. de leitura

    • A tabela de formatação exibe 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. Tabela de formatação
    Ícone htmlArea Ícone do TinyMCE Nome Descrição

    HTML em negrito

    TinyMCE v4 negrito

    		 Negrito

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

    Atalho do teclado: CTRL + B

    HTML em itálico

    TinyMCE v4 itálico

    		 Itálico

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

    Atalho do teclado: CTRL + I

    Uline html

    Sublinhado minúsculo do MCE v4

    		 Sublinhado

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

    Atalho do teclado: CTRL + U

    Alinhamento de texto à direita no html

    TinyMCE v4 alinhado à direita

    		 Alinhar à Direita

    Aplica o alinhamento à direita ao parágrafo atual.

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

    Centralizar texto para alinhar html

    Central de alinhamento do TinyMCE v4

    		 Alinhar ao centro

    Aplica o alinhamento central ao parágrafo atual.

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

    Alinhamento do texto à esquerda no html

    TinyMCE v4 alinhado à esquerda

    		 Alinhar à esquerda

    Aplica o alinhamento à esquerda ao parágrafo atual.

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

    Alinhamento de texto completo de html

    Justificativa pequena do MCE v4

    		 Justificar

    Aplica o alinhamento justificado, que estica as linhas para igual largura, ao parágrafo atual.

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

    HTML de estilos de parágrafo

    		 Formato Aplica um estilo de parágrafo ao parágrafo atual, como Parágrafo, Título 1 e Pré-formatado.

    Família de fontes html

    Fontes TinyMCE v4

    		 Família de fontes Aplica uma família de fontes ao texto selecionado ou à palavra atual.

    Tamanho da fonte html

    Tamanho da fonte TinyMCE v4

    		 Tamanho da fonte Aplica um tamanho de fonte ao texto selecionado ou à palavra atual.

    HTML com marcadores

    Marcadores do TinyMCE v4

    		 Inserir/remover lista com marcadores Aplica ou remove marcadores de lista não ordenada dos parágrafos selecionados. Clique na seta ao lado do botão para selecionar um tipo de marcador diferente.

    HTML numerado

    Números minúsculos do MCE v4

    		 Inserir/remover lista numerada Aplica ou remove marcadores de lista ordenada dos parágrafos selecionados. Clique na seta ao lado do botão para selecionar um tipo de número diferente.

    Diminuir recuo html

    Minúsculo recuo do MCE v4

    		 Diminuir Recuo

    Remove o recuo dos parágrafos atuais ou selecionados (remove 30 px do preenchimento esquerdo; o preenchimento não pode ser menor que 0).

    Referência de código: padding-left

    Recuar HTML

    Recuo curto do MCE v4

    		 Aumentar Recuo

    Aplica recuo aos parágrafos atuais ou selecionados (adiciona 30 px de preenchimento à esquerda).

    Referência de código: padding-left

    Cor do texto em HTML

    Cor do texto em HTML

    		 Selecionar cor do texto Aplica a cor da fonte à palavra atual ou ao texto selecionado. Clique no botão para usar a cor atual ou clique na seta ao lado do botão para exibir mais cores. Clique em Mais cores... para exibir várias opções de cores e os códigos hexadecimais.

    HTML da cor do fundo

    Cor de fundo TinyMCE v4

    		 Selecionar cor de fundo Aplica cor de fundo à palavra atual ou ao texto selecionado. Clique no botão para usar a cor atual ou clique na seta ao lado do botão para exibir mais cores. Clique em Mais cores... para exibir várias opções de cores e os códigos hexadecimais.