How to Use Rich Editor Functionality

Durden
Durden Posts: 12 MFP Staff
edited 2025 01 in Introduce Yourself

Text formatting/links

Selecting text in the editor displays the following formatting options: bold, italic, strikethrough, inline code, and hyperlink.

text_formatting.png

In addition, you can use the following keyboard shortcuts:

  • ctrl+b or ⌘+b for bold.
  • ctrl+i or ⌘+i for italic.
  • ctrl+k or ⌘+k to display the link menu, where you can enter a URL and text to display.

✔️ TIP: You can also quickly create a link by copying a URL (e.g., from your browser), selecting text in the editor, and pressing ctrl+v or ⌘+V to replace the highlighted text with the link.

Paragraph formatting

Click into a paragraph to display a paragraph-level formatting menu to the left, as shown below.

paragraph_formatting.gif

The options in each category are as follows: 

paragraph_formatting_options.png

Special formatting examples

formatting_example.png

While spoiler text is always visible when editing the post, it will automatically be collapsed when the post is published, until a user clicks to view it. This ensures that each user can decide whether or not to view the content.

Lists

Here are a few tips when working with lists:

  • Type "-" and press space to begin a bulleted list.
  • Press enter/return to drop down to the next bullet.
  • Press enter/return twice to end the list and resume standard paragraph text.
  1. Type "1." and press space to begin a numbered list.
  2. Press enter/return to drop down to the next number.
  3. Press enter/return twice to end the list and resume standard paragraph text.

Indent & outdent lists

Indenting/outdenting is possible in two ways:

  • Via the list menu shown below:
list_indent_menu.png
  • Via the following keyboard shortcuts:
    • Press tab to indent
    • Press enter/return to outdent

📝 NOTE: To outdent via the enter/return key, the paragraph must be blank.

List indentation example

list_levels.png

Images in lists

You can include images in bulleted and numbered lists.

For numbered lists, specifically, Rich Editor allows you to insert images and continue the numbering flow. Let's look at an example:

inline_images_lists.gif

Links & embeds

The Link menu, which displays when pasting a URL into the editor or selecting one, allows you to display your links in three formats:

  • URL
  • Rich Link
  • Card


URL example


Rich Link example


📝 NOTE: If the pasted link supports Smart Embedding, the Card view will be used by default. If Smart Embedding is not supported, a Rich Link to the page is used by default.

Tables

While Rich Editor does not currently support the creation of tables natively, you can copy and paste tables into the editor from another source, such as Word or Excel.

table_example.png

Table overview

Once pasted, you can then edit the table content. Keep the following in mind:

  • The format of your tables is controlled by your Theme. With variables, you can control formatting like alternating row colors and whether column lines display.
  • Currently, when pasting a table containing images, those images will not be included. You must manually insert images into the table after it's pasted.
  • Unlike images, you cannot click to select a table and delete it via a button. To delete a table, you must select the entire table and click delete or backspace, as shown below:
delete_table.gif

Format your tables

Check out the article below to learn how to use theme variables in your Style Guide to change the look of your tables.

Categories