The Rich Editor adds intuitive styling and formatting to a posts and documents on Vanilla.
Please note that Rich Editor is currently in beta and is under active development. Please report any bugs you encounter to your CSMs or on the Vanilla Issue Tracker.
Once enabled, Rich Editor provides your users with familiar formatting tools. Here is a quick rundown of the functions that are currently available:
This first set of buttons allows you to add bold, italic, strike, code, or link formatting to selected text. This menu is dynamic and contextual, appearing wherever the user makes a selection. The following standard keyboard shortcuts also work when you have begun typing inside the editor.
⌘+b for bold.
⌘+i for italic.
⌘+k for link.
List are created by inputting
1., causing either numbers or bullet-points to mark each item in the list. After starting one of these two options, Rich Editor will jump you to the first point in your list. After writing the first point, hitting enter will bring you to the next point. Once you’re done with your list, just hit enter twice, and it will let you work on other aspects of your post.
Headings and Special Text Formatting
The block formatting menu provides a range of formatting options that take up 1 or multiple lines. Current formats include
- Headings (level 1 and 2)
- Code Blocks
Once a spoiler is posted it’s contents will be hidden until their content is toggled. The spoiler format is always visible while editing a post, and can be interacted with once the post is published.
This button contains a list of emoji that can be used within a post. Rich Editor provides 1000s of emojis for all of users sorted into 8 different categories.
Users with permission to upload images can add images to their post using the image upload button next to the emoji picker. Alternatively images can be dragged into Rich Editor.
Rich Editor supports embedding of external content within posts. Use the embed menu to transform a link into a rich content embed.
While we fetch the data for the embedded content, the link appears as a link with a loading indicator.
Once the embed is ready it will display in it’s final form directly in the editor.
If you embed a link from the same forum, or click on the “Quote” button, and embedded version of that content will be embedded in your post.
If the content is too long, an expand and collapse menu will be shown for that Rich Quote.
Rich Editor offers a beautiful link embed. It fetches titles, descriptions, and images from the linked URL and displays them in a sleek modern view.
Twitter links get transformed into embedded tweets.
Videos appear as a fast, responsive thumbnail, with the full video loading on when the play button is clicked. Rich Editor currently supports:
In additional to these types of embedded content, Rich Editor currently supports:
- Getty Images
Enabling Rich Editor
Rich Editor co-exists alongside existing posting formats such as “Markdown”, “BBCode”, and “HTML” from Advanced Editor.
If you are an administrator you can use the Rich Editor format by:
- Navigate to the Addons page.
- Toggle the Rich Editor (WIP) plugin.
Enabling Rich Editor will automatically make “Rich” your default post format. To change your format back, go to the Posting page in dashboard settings, or navigate directly to
What do I do with my existing Advanced Editor posts?
Rich Editor can function side by side with Advanced Editor. Leave Advanced Editor enabled in addition to Rich Editor, and older posts will still be editable using Advanced Editor.
What causes the warning icon while inserting a Rich Embed?
Some users using browsers with strict privacy settings or adblockers may not be able to load a Rich Embed from certain sites in their browser. The warning icon indicates that all the data necessary to render the embed is present in the editor, but the user’s browser is not allowing thet embed to be created.
These embeds will be still be able to load for users with a more permissive browser, even on the same post.
Why is my published post replaced with “There was an error rendering this rich post”?
This message appears when an a published post was inserted improperly. This can happen through incorrect insertion of a post through the API.
Rich format must be stored in a very particular way. Content from sources other than Rich Editor should not be stored with this format.