Standard Rich Text Style

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Header 6
Heading 5
  1. asdsdada
  2. asdasdad
  3. ‍

Standard Rich text

Story rich text

Header 2: Coron has been open to tourists since 2001

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click this link on the Rich Text Box field and easily create content.

Header 3

Header 4

‍

HEADING 5 Sidebar : Gear Specs

Static and dynamic content editing and some more lines?

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

  1. jkjalkdfjslkdjfslkdf
  2. dskjfbsjdfnskjdf

‍

‍

sidebar 2: Additional Reading

Eat. Pray. Love.

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the rich text element will stretch you beyond your wit's end.

Centered caption for multiple photos in a line for photo captions
To create this transition would mean having an alternative plan set in place. We need to have enough data to say okay, first of all, this is the problem. What are the possible solutions?

‍

Full width image of Coron

Hello Image caption here
Hello Image caption here

‍

This is a video

‍

‍

<quote-alt-sidebar>Registration for new and old voters ends on September 30, 2021. To register, reactivate your voter status, or update your information, visit Comelec iRehistro.
For already-registered voters, remember that you have to update your information if you’ve: gotten married or changed your name; changed your place of residence; or been unable to vote in the last two elections. Verify your voter status by contacting your local Election Officer (or Office for Overseas Voting).<quote-alt-sidebar></quote-alt-sidebar></quote-alt-sidebar>

Registration for new and old voters ends on September 30, 2021. To register, reactivate your voter status, or update your information, visit Comelec iRehistro.
For already-registered voters, remember that you have to update your information if you’ve: gotten married or changed your name; changed your place of residence; or been unable to vote in the last two elections. Verify your voter status by contacting your local Election Officer (or Office for Overseas Voting).

Sweet JS Rich Text JS Extension

Default rich text

h2

h3

p

  • list item
  • list item
quote

callout

link

Custom classes

‍

  • jkjalkdfjslkdjfslkdf
  • dskjfbsjdfnskjdf
  • ‍

‍

.h2-alt
.h3-alt
.h4-highlight

‍
.p-color-red
.p-color-green
.p-quote-author
.li-bullet
905.78 kilos of sea biscuit per person; 3,220 liters of vinegar; 207 kilos of dried fish; 140 barrels of anchovies; 2,625.94 kilos of aged bacon; 1,547 liters dried beans; 2,886.4 liters of chickpeas; 218.16 liters of lentils; 5 pipes of 381 kilograms each of flour; 73 kilograms of rice; 250 ristras (a strung measure) of garlic; salt in unspecified numbers of cahices (one cahiz = 437 liters); capers; mustard; olive oil (32.3 liters per person); honey; sugar; almonds; sun-dried raisins; dried prunes; dried figs; quince as preserve; wine; water; three live pigs and six live cows for butchering
.li-bullet-tab1
.li-bullet-tab2
.quote-alt-sidebar
‍
.callout-alt-author
.callout-alt-b
.link-cta

h2

h3

p

  • list item
  • list item
quote

callout

link

  • .unordered-bullet
p-colour1, p-underscore, p-hover, p-sthrough, draggable

<h-sweet>Technical<h-sweet></h-sweet></h-sweet>

Technical review of how add a class to a parent element

Sweet Text adds classes to rich text by adding <span> tags to the content. Maybe you want to apply a class direct to the element itself (like p li h2). Maybe you want to apply a class to the ul list element. With Sweet Text and 1 line of jquery, we can apply our classes anywhere inside the rich text block.</span>

Demo

Demo

  • List without any sweet text
  • Same thang

‍

  • <li-text-alt>Item with sweet text<li-text-alt></li-text-alt></li-text-alt>
  • <li-text-alt>And mo' fo' sho'<li-text-alt></li-text-alt></li-text-alt>
  • <li-text-alt>And mo' fo' sho'<li-text-alt></li-text-alt></li-text-alt>
  • <li-text-alt>And mo' fo' sho'<li-text-alt></li-text-alt></li-text-alt>
li-text-alt

Heading

li-element-alt

Heading

ul-element-alt plus link
  • Store an adequate supply of food and water that would last for a few days. Canned goods are ideal especially if cooking is not possible.
  • Store an adequate supply of food and water that would last for a few days. Canned goods are ideal especially if cooking is not possible.
  • Canned goods are ideal especially if cooking is not possible.
  • item 2
  • item 2
    ‍
  • item 3
  • Store an adequate supply of food and water that would last for a few days. Canned goods are ideal especially if cooking is not possible.
  • item 2 Store an adequate supply of food and water that would last for a few days. Canned goods are ideal especially if cooking is not possible.
  • Store an adequate supply of food and water that would last for a few days. Canned goods are ideal especially if cooking is not possible.

This video shows you how Sweet Text adds classes to parent elements within rich text.

Normal h2 <h2-alt>with Sweet Text h2<h2-alt> and back to normal</h2-alt></h2-alt>

Normal h3 <h3-alt>with Sweet Text h3<h3-alt> and back to normal</h3-alt></h3-alt>

Normal h3 <h3-alt>with Sweet Text h3<h3-alt> and back to normal</h3-alt></h3-alt>

‍

Normal p <p-color-red>with Sweet Text red p<p-color-red> and back to normal</p-color-red></p-color-red>

Normal p <p-color-green>with Sweet Text green p<p-color-green> and back to normal</p-color-green></p-color-green>

‍

  • A normal unordered list item
  • <li-powerful>Sweet Text list item<li-powerful></li-powerful></li-powerful>
  • <li-powerful-tab1>Sweet Text list item<li-powerful-tab1></li-powerful-tab1></li-powerful-tab1>
  • <li-powerful-tab2>Sweet Text list item<li-powerful-tab2></li-powerful-tab2></li-powerful-tab2>
  1. <li-powerful>ordered list item<li-powerful></li-powerful></li-powerful>
  2. <li-powerful>ordered list item<li-powerful></li-powerful></li-powerful>
  3. <li-powerful>ordered list item<li-powerful></li-powerful></li-powerful>

‍

  • unordered list
  • item 2
  • item 3

‍

<li-bullet>test<li-bullet></li-bullet></li-bullet>

<li-bullet-tab1> llink bullet tabThe rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.<li-bullet-tab1></li-bullet-tab1></li-bullet-tab1>

‍

Normal quote
<quote-alt-sidebar>Sweet Text alternative quote <callout-alt-author>--Reef Liggayu <callout-alt-author></callout-alt-author></callout-alt-author><quote-alt-sidebar></quote-alt-sidebar></quote-alt-sidebar>

‍

Lil' callout bars that clients always ask for

<callout-alt-author>callout-a<callout-alt-a></callout-alt-a></callout-alt-author>

<callout-alt-b>callout-b<callout-alt-b></callout-alt-b></callout-alt-b>

‍

Normal link inside rich text

<link-cta>CTA BUTTON BUY ME NOW<link-cta></link-cta></link-cta>

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Heading

.mobile-subhead .serif .rt-sidebar

.mobile-subhead .serif .rt-sidebar

Special Section Rich Text

What’s a Rich Text element??????????????

‍

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

‍

Sidebar gear specs

Land Rover Defender 190E

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

“[It’s like] turning off all your apps on a phone. So your brain has more space to do what it’s built for which is to heal your body, regenerate your cells, relax your muscles, digest… you’re giving your brain time to do its job instead of entertaining your anxieties and your stress.” — Reef Liggayu

Custom credits text

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Contributor Link

Custom Team Credits

Tablet-centered combo class

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Contributor Link

Watch & Listen Rich text

Coron has been open to tourists since 2001

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

‍

Sidebar : Gear Specs

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

  1. jkjalkdfjslkdjfslkdf
  2. dskjfbsjdfnskjdf

‍

sidebar 2: Additional Reading

Eat. Pray. Love.

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the rich text element will stretch you beyond your wit's end.

Centered caption for multiple photos in a line
To create this transition would mean having an alternative plan set in place. We need to have enough data to say okay, first of all, this is the problem. What are the possible solutions?

News Feed Rich text

H2: Coron has been open to tourists since 2001

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.