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.
Last updated on 11/6/2024@mrbirddev