Text editor has been upgraded
We have upgraded the GunBroker Forums to include a rich editor. This post gives an overview of the new features.
The Rich Editor is now the default editor on these forums. It allows for intuitive styling and formatting to posts and discussions.
Rich Editor provides you with 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.
We've added a new paragraph level formatting menu in order to surface more formatting options:
Currently it is broken down into 4 categories:
- Heading Formats (Displays 4 possible levels of headings).
- List Formats (Numbered List, Bulleted List, Indented & Outdent).
- Special Formats (Quote, Code Block, Spoiler).
- Standard Format
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.
You can also create easily nested lists:
Lists can now be nested up to 4 levels deep.
Rich editor now has support for markdown based macros. Try out standard markdown input syntax and watch as it is transformed into your Rich 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 its' 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.
Mentions are a popular feature that have been brought over from the old Advanced Editor that allow users to notify other users on your forum of certain comments and discussions that may interest them. Depending on that user’s notification settings, they’ll get a pop-up on the forum or an email telling them that they’ve been mentioned in a post and provide them a link to where. It’s a quick way to bring their attention to a certain place in a forum.
To make a mention, simply type an “@” sign then immediately start typing the user’s name. A drop-down menu will appear with a list of possible users, then narrow down as you type the name out.
Mentions are sorted with case sensitivity and accents included to allow for more precise matching. It also has support for all characters except for the “@” sign.
Rich Editor supports Rich Embeds, a feature that allows you to embed content from your community or other sites in Rich posts. You can use this functionality to embed images, files, summaries of other pages, discussions, comments, videos, and more.
What are Rich Embeds?
Rich Editor supports embedding of external content within posts. Use the embed menu to transform a link into a rich content embed.
Alternatively, pressing enter at the of a line containing only a link also attempt to create an embed from that link.
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 its' 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 thumbnail, with the full video loading on when the play button is clicked. Rich Editor currently supports:
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 the 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.