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.
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.
- Type "1." and press space to begin a numbered list.
- Press enter/return to drop down to the next number.
- 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 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.
