Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
HomeHomeschoolCommunity members

Aut Quod

The <span class="rtb-code">rich text element</span> 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.

<span class="section-break"></span>

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 <span class="rtb-code">rich text field</span> to any collection and then connect a rich text element to that field in the settings panel. Voila!

  1. This is an ordered list
  2. meant for several items
  3. to be listed with numbers
<script>
  /**
   * Writes the current year to all elements that match the selector.
   */
  function setCurrentYear() {
    const YEAR_ELEMENTS_SELECTOR = '[fs-hacks-element="year"]';

    const yearElements = document.querySelectorAll(YEAR_ELEMENTS_SELECTOR);
    const currentYear = new Date().getFullYear().toString();

    yearElements.forEach((yearElement) => {
      yearElement.textContent = currentYear;
    });
  }
  
  document.addEventListener('DOMContentLoaded', setCurrentYear);
</script>

<span class="section-break"></span>

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.

Excited Will Ferrell GIF by HBO Max

<span class="section-break"></span>

This is another section

The rich text element allows you to create and format <span class="rtb-code">headings</span>, 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.

  • This is an unordered list
  • also meant for several items
  • here's a third one
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.
<span class="rtb-author">—Said John D.</span>

👉 Learn more about our security

<span class="section-break"></span>

Static and dynamic content editing

A <span class="rtb-code">rich text element</span> 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!

{{rtb-demo}}

Lorem ipsum dolor sit amet, semper nostrum tractatos ex eum, ea his salutandi definiebas. Justo nonumy doming sed an, pri te soluta fabulas. Enim sale suscipiantur duo ex? Exerci nominavi nec id, ex enim posse laudem sea, est te minim graeco alterum!

<span class="rtb-note-head">Note</span>
<span class="rtb-note">Exerci nominavi nec id, ex enim posse laudem sea, est te minim graeco alterum!</span>

Facilis eligendi adversarium eu duo, lorem reprehendunt ex vix, ius eu fabulas iracundia dissentiet. Inermis suavitate per an, eu dolor iudicabit honestatis mei, magna nostro insolens mel ad? Eu amet error doming duo, duo assentior quaerendum ne, sea omnesque salutandi eloquentiam id? Iusto maiestatis duo et, sit assum mucius salutatus cu, vero tamquam his eu. Ne mea elitr adversarium, ut veritus contentiones vel. Vel sonet scripta verterem ut, per nibh blandit albucius ei.

<span class="section-break"></span>

No quo duis adipisci euripidis. An etiam vitae ancillae vel, quo elitr iracundia intellegebat at, mea eu nulla maiorum. Graecis epicuri maluisset cu eam, no recteque patrioque eam! Ceteros fastidii erroribus vel no, no prompta aliquando est! Quo ad expetendis comprehensam, an quas pertinax reformidans vix.

<span class="rtb-highlight">No duo soluta minimum pertinax, an soleat posidonium interesset vel. Est ea albucius torquatos! No tantas soluta cum, esse mollis ut duo. Qui te timeam maiestatis, id probo fuisset delectus est, eu saepe meliore definitiones est?</span>

<span class="section-break"></span>

How to customize formatting for each rich text

Headings, paragraphs, <span class="rtb-code">blockquotes</span>, 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.

Sign up for a demo of Skipper

Build your learning community at scale. Design a personalized solution to fit the exact needs of your organization.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Aut Quod