Componente de texto rico

Inserir

Você pode inserir um Texto a partir do botão Adicionar slide no canto superior esquerdo.

Ou você pode usar o ícone de mais na parte superior/inferior do componente selecionado para adicioná-lo no nível Slide / Contêiner / inline.

Estrutura DOM

Um componente Texto é composto assim na estrutura HTML DOM.

<div>
  <h1>...</h1>
  <h2>...</h2>
  <h3>...</h3>
  <p>...</p>
</div>

Portanto, você precisa direcionar os filhos diretos do nó raiz ao definir estilos.

Definindo margem vertical do bloco

&>*.margin: 20px 0

Definindo altura da linha do bloco

&>*.lineHeight: 1.4

Definindo estilos apenas para cabeçalhos

O exemplo usa h1. Você também pode especificar h2, h3, p...

&>h1.fontSize: 3em;

Consideração de SEO

Além de ter alguns estilos padrão no navegador, os cabeçalhos (h1 / h2 ...) servem como indicadores semânticos para os motores de busca. Os motores de busca irão analisar seus cabeçalhos para entender sobre o que é sua página web. Você pode pesquisar seo headings para saber mais.