Elemento de Caixa de Texto

Last updated on 8/6/2025@mrbirddev

O elemento Caixa de texto é um elemento de texto rico. É tão simples quanto um nó de texto simples. Mais poderosamente, você pode escrever um artigo completo com ele.

(Aqui está um exemplo de como escrever um artigo com o elemento Caixa de texto)

Inserção

Clique no ícone no topo ou na parte inferior de um elemento, ou dentro de um Container / Slide.

Clique em Caixa de texto, você verá 4 predefinições. Escolha uma delas.

Editar conteúdo do texto

No desktop, selecione o elemento, clique duas vezes no elemento para editar diretamente o conteúdo do texto.

No celular, selecione o elemento, clique em Dados -> Conteúdo do texto para editar o conteúdo do texto.

Alguns atalhos podem ser usados para acelerar sua criação.

Estilização

Existem 2 tipos de estilização que você pode aplicar a um elemento Caixa de texto.

  • Estilização do elemento Define estilos que se aplicam a todo o texto no elemento.
  • Estilização inline Define estilos para o texto que você selecionou, assim como você faz em um documento do PowerPoint. Será aplicado sobre a Estilização do elemento.

Estilização do elemento

Normalmente, você pode apenas definir Texto no nível do elemento. Especialmente quando você tem apenas 1 parágrafo dentro do elemento Caixa de texto.

Se você estiver escrevendo um artigo, pode substituir estilos para cabeçalhos em Cabeçalho1, Cabeçalho2, Cabeçalho3

Clique em Mais para ver a lista completa de opções de estilização. Por exemplo, Link permite que você defina estilos para links dentro de um elemento Caixa de texto.

Estilo inline

Estilo inline

Quando você dá um clique duplo e começa a editar o conteúdo do texto, uma barra de ferramentas de estilo inline será exibida no topo (na parte inferior em dispositivos móveis).

Estilo inline

Os botões são os seguintes:

  • Refazer / desfazer
  • Tipo de parágrafo -> Normal, Título1, Título2, Título3, Lista ordenada, Lista não ordenada.
  • Negrito, itálico e sublinhado.
  • Link inline
  • Cor do texto
  • Cor de fundo do texto
  • Limpar estilos inline. (Útil quando você copia algo de uma página HTML).

Atalhos

Pressione Shift + Enter para inserir uma quebra de linha.

Pressione Enter para iniciar um novo parágrafo / título.

Pressione / para inserir qualquer um dos "Parágrafo, Título1, Título2, Título3, Lista ordenada, Lista não ordenada".

Pressione : para inserir um emoji.

Selecione um trecho de texto,

  • Meta + K para inserir um link inline
  • Meta + B para alternar negrito.
  • Meta + U para alternar sublinhado.
  • Meta + I para alternar itálico.

(Meta = Command no Mac OS, Ctrl no Windows).

Predefinições

  • Normal adequado para escrever seu conteúdo de texto normal. O seguinte será aplicado
    • Um elemento HTML <p/> será inserido.
  • Título principal adequado para escrever o título da página da web (elemento HTML <h1/>). O seguinte será aplicado
    • Texto -> Tamanho da fonte = 2
    • Um elemento HTML <h1/> será inserido.
  • Título secundário adequado para escrever um título secundário (elemento HTML <h2/>). O seguinte será aplicado à predefinição
    • Texto -> Tamanho da fonte = 1.5
    • Um elemento HTML <h2/> será inserido.
  • Artigo escolha esta opção se você decidir escrever um artigo completo. O seguinte será aplicado
    • Cabeçalho1 -> Escala do tamanho da fonte = 2
    • Cabeçalho2 -> Escala do tamanho da fonte = 1.5
    • Cabeçalho3 -> Escala do tamanho da fonte = 1.17
    • Elementos HTML <h1 /> <h2 /> <h3 /> <p /> serão inseridos.
Last updated on 8/6/2025@mrbirddev
Loading...