company logo

Help center

Go to CreateUponLogin
CreateUponTerms of servicePrivacy policy
All collectionsDesign & EditLayoutEditor controls: format text, insert elements, and edit blocks

Editor controls: format text, insert elements, and edit blocks

A guide to the course editor's controls: the text formatting bar, the insert menu, the floating menu on every element, and the column layout controls.

info icon
Availability: all customers

What this article covers

As you build a lesson, the editor gives you three kinds of control: format selected text, insert new elements, and edit any element you have added. This article covers each, then the extra controls for column layouts. For the top bar and the tool rail around the editor, see Course editor navigation.

Format text

Select any text to open the formatting bar. From it you can:

• Change the block: turn text into a heading (levels 1 to 3) or body text, or into a bullet, numbered, or check list.

• Apply Bold, Italic, Underline, Strikethrough, or Code.

• Set the font, the text color, and a highlight color.

• Add a link.

• Set the text alignment.

• Select Edit with AI to rewrite or change the selected text in plain language.

Insert elements

On an empty line, select the plus or type / to open the insert menu. Elements are grouped by type:

• Text: headings, body text, and lists.

• Media: Image, Image with Markers, Image with Text, Video, and Audio.

• Quiz: the quiz question types you can drop into a lesson.

• Interactive: Button, Flip cards, Carousel, Chart, Embed HTML, Code, and Table.

• Section: Columns and Callout, plus a divider.

Screenshot: editor-insert-menu.png

Edit an element

Hover over or select any element you have added to reveal its floating menu. Every element shares the same core controls:

• A drag handle to move the element.

• A menu of options for that element, such as its color or alignment.

• Edit with AI.

• A comment control, on elements that support comments.

• Delete.

Column layouts

A column layout places content side by side and adds controls at its edges. With the layout selected:

• Move up and Move down reorder the layout among the other blocks.

• The column counter adds or removes columns with the plus and minus buttons, up to eight.

• Dragging a column outside of its column layout creates another column layout.

• The grip at the bottom sets a minimum height: drag it up or down.

Select a single column for its own controls: set its background color, set how content aligns across and down from a nine-position grid, drag the handle to reorder it or the divider between columns to resize, and use Delete column to remove it. Deleting the only column removes the layout.

info icon
Note: Removing the last column asks you to confirm before it clears the layout's content.
info icon
Tip: Edge controls appear on hover, and the full menu appears when you select an element, so the editor stays uncluttered while you write.

See also

Editor elements

This guide provides an overview of all interactive components available in the CreateUpon editor, along with examples of how they can be used to enhance your courses.

Layout & columns

Configure the column layout of your card

Course editor navigation

Find your way around the course editor: the top bar, the outline toggle, and the right-hand tool rail.

Did this answer your question?
😞
😐
😁