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.