Rich text component

Last updated on 11/6/2024@mrbirddev

Insert

You can insert a slideMenu.Text from the top left Add slide button.

Or you can use the plus icon at the top/bottom of the selected component to add it in Slide / Container / inline level.

DOM structure

A Text component is composed like this in the HTML DOM structure.

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

So you need to target the direction children of root node when setting styles.

Setting block vertical margin

&>*.margin: 20px 0

Setting block line height

&>*.lineHeight: 1.4

Setting styles for headings only

The example uses h1. You can also specify h2, h3, p...

&>h1.fontSize: 3em;

SEO consideration

Aside from having some default styles in browser, headings (h1 / h2 ...) serve as semantic indicators for search engines. Search engines will parse you headings to understand what is your webpage about. You can search seo headings to learn more.

Loading...