Skip to main content
Feature Guides

Rich Text

The Rich Text module allows for powerful customization for the body of your Brighspot page, whether it is a simple block of text or large document like blocks that include images, forms and links to other sites.

A screenshot of the rich text module and all it's options.

Basic Functionality

Text Editing

Just like editing a word document, you can modify the text to your liking in the rich text box. Bold, italicise, or strikethrough using the symbols and dropdown menu in the top left.

Buttons for strikethrough, superscript, subscript and clear formatting.

In the dropdown menu it gives the following options:

  • Strikethrough text: Some text
  • Create superscript for text: I'm high up
  • Create subscript for text: I'm down low
  • The clear button will clear any formatting changes that were made to the text. Simply highlight the text you wish to remove formatting from and then click the clear button.

Headers

Listing the header sizes: H2, H3. H4, H5, H6

Headers are used to create titles and sort large paragraphs of text into smaller and more organized readable pieces of text. There are five header sizes, with H6 being the smallest and H2 being the largest.

H2 Header

H3 Header

H4 Header

H5 Header

H6 Header

Images and Videos

The Rich Text editor is extremely versatile when it comes to adding or removing images within the Rich Text.

Buttons of Images and videos

The single image will add an image to your photo and to add a gallery of images, choose the icon with multiple photos. The photo icon with the dropdown menu will allow you to link images from other sites onto the page. You will need the URL to place those images on the site. Please be aware that the images are in-line with BYU Website Standards and are following copyright laws. BYU Photo has some great options.

Images can be modified so they either align on the left, right, or center of the page. When you edit the image, scroll down under enhancements. Here you can change to your liking and design of the page.

Photo of the enhancement style for editing images

Links

Linking text makes text clickable and able to move to different sites easily to help guide your audience. To create clickable text you will need to highlight the text in the rich text module and click on the chain/paperclip icon.

You can choose to either link to another page on Brightspot with the "Internal" link. (If you want to link to a page outside of Brightspot, click the dropdown menu of Internal and choose external instead. You will need the URL of the outside site to paste into the URL button). You can find any page on the BYU through the search Item and then find it. This is recommended as it will load the internal Brightspot link faster than an outside link.

Shows the link edit button

Advanced Functionality

Tables

Tables can be used to organize or show information in a new way. To create a table click the "Advanced Table" button.

Once the build menu is pulled up, you can modify your table however large or wide you need. Change the number of rows, columns, and headers.

This Is a
table for the
rich text module

Social Media

Brightspot allows you to implement Facebook, Instagram or Twitter post directly into Rich Text. Click on the media that you need and copy the link into it. To learn more about adding social media posts look at the social media tutorial.

Questions & Answers

data-content-type="article"
Q&A

How do I use the table function within the Rich Text module?

October 12, 2020 04:20 PM
The table icon can be found at the top of the Rich Text Module. Click on this icon, select the number of columns and rows, and input the information desired. Tables can also be pasted into the Rich Text module, and all tables can be edited or added to as needed using the “Meatball Menu” (3 dot dropdown) above the table.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

How do I edit the breaks within my text on Brightspot?

October 12, 2020 04:19 PM
Brightspot relies on templates to input content, which sometimes results in line breaks and unsolicited spaces. One technique to avoid this is to add a break and 2 enters between the heading and body of text to minimize spaces. If necessary, these can also be removed using CSS. If you have a specific concern and are unable to resolve the issue, please contact the migration team for additional assistance.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

What text editing functions are offered in the Rich Text module?

October 12, 2020 04:17 PM
Brightspot provides editing options, including the ability to alter the alignment and background of text, in the overrides of the RichText Module. The RichText dashboard also provides H2, H3, H4, H5, and H6 buttons which serve to create headings and organization within text by changing the color, font, or size of text.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
data-content-type="article"
Q&A

How do I change the alignment for the main display name of a website?

October 12, 2020 04:13 PM
In an effort to maintain design consistency across all BYU sites, this feature is unable to be modified.
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText=