Rich Text Update - MFP Staging Examples

nova

Text Styling

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

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 on a paragraph to show a formatting menu on the left, as illustrated below.

The options in each category are as follows: 

Special formatting examples

When editing a post, spoiler text is always visible. However, once the post is published, the spoiler text will automatically collapse until a user decides to click and view it. This feature allows each user to choose whether or not they want to see the content.

Spoiler Warning

Here's what a spoiler will look like when collapsed.

_______________________________________________________________________________________________

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:

• Via the following keyboard shortcuts:
  • Press tab to indent
  • Press enter/return to outdent

📝 NOTE: To outdent using the enter/return key, just make sure the paragraph is blank.

List indentation example

Images in lists

You can include images in bulleted and numbered lists.

For numbered lists, Rich Editor allows you to insert images and continue the numbering flow.

Let's look at an example:

_______________________________________________________________________________________________

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:

https://www.myfitnesspal.com/

Rich Link Example:

https://www.myfitnesspal.com/

Card 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.

	Breakfast	Lunch	Dinner	Snacks
Monday	Fruit Salad with Toast	BLT	Turkey Meatloaf	Apple and Chips
Tuesday	Egg Sandwich	Chickpea Salad Sandwich	Tacos	Banana and Pretzles
Wednesday	Oatmeal	Burrito	Chicken Pot Pie	Peach and Cheese
Thursday	Pancakes	Cobb Salad	Spaghetti	Carrots and Dip
Friday	Cereal	Grilled Cheese with Soup	Pomegranate-Glazed Salmon	Almonds and Popcorn

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 with a button. To delete a table, you must select and highlight the entire table and click delete or backspace, once everything has been highlighted.

_______________________________________________________________________________________________

Quotes

To quote a post, click the quote icon. If a post is quoted multiple times, it will automatically convert into a link. Clicking the link will direct you back to the original post.