Rich Editor 2 - HL Vanilla Community
<main> <article class="userContent"> <p>The <strong>Rich Editor</strong> <strong>2</strong> is <strong>Higher Logic Vanilla’s</strong> (<strong>Vanilla</strong>) latest editor for formatting your posts and discussions.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/9BGAOZ24MSD2/richeditor2-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/9BGAOZ24MSD2/richeditor2-example.png" alt="RichEditor2_example.png" height="516" width="869" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="upgrade-to-rich-editor-2">Upgrade to Rich Editor 2</h2><p>If you’re still using one of our other editors, such as the <em>Advanced Editor</em> or <em>Rich Editor 1</em>, you can enable Rich Editor 2 at any time. To do so:</p><p>1. Navigate to <strong>Dashboard > Settings > Discussions > Posting</strong>.</p><p>2. In the <strong>Post Format</strong> menu, select <strong>Rich2</strong>.</p><p><strong>✔️ TIP: </strong>The Rich Editor 2 provides the best mobile experience, so we recommend selecting it in the <strong>Mobile Format</strong> menu as well.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/8MGPDAB97OLY/enable-rich2.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/8MGPDAB97OLY/enable-rich2.png" alt="enable_rich2.png" height="894" width="1082" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="rich-editor-1-vs-rich-editor-2%3A-what's-new">Rich Editor 1 vs Rich Editor 2: What's new?</h2><p>All of Rich Editor 2's functionality is explained in detail in the sections below; however, if you've been using Rich Editor 1 and simply want a high-level overview of what's new, this section is for you. </p><ul><li><strong>Table support</strong> - You can now paste tables directly into the editor from another source (e.g., Word or Excel). Once pasted, the table's content is fully editable. </li><li><strong>Enhanced list support</strong> - A few improvements have been made to lists:<ul><li>You can now insert images <em>within</em> numbered and bulleted lists.</li><li>You can now insert images without breaking the "numbering flow." (More detail on this below.)</li><li>Bulleted lists now feature formatting to better represent indentation</li><li>Keyboard shortcuts make indenting/outdenting lists easier: In addition to the List menu from Rich Editor 1, you can now press <strong>tab </strong>to indent and <strong>enter/return</strong> to outdent.</li></ul></li><li><strong>Improved link/embed support</strong> - The new Embed menu allows you to display links as:<ul><li>Regular URLs</li><li>Rich Links</li><li>Cards</li><li>Press <code class="code codeInline" spellcheck="false" tabindex="0">ctrl+k</code> or <code class="code codeInline" spellcheck="false" tabindex="0">⌘+k</code> to display the Link menu, where you can enter a URL and the link text to display.</li><li>You can also quickly create a link by copying a URL (e.g., from your browser), selecting text in the editor, and pressing <code class="code codeInline" spellcheck="false" tabindex="0">ctrl+v</code> or <code class="code codeInline" spellcheck="false" tabindex="0">⌘+V</code> to replace the highlighted text with the link.</li></ul></li><li><strong>Quicker link creation </strong>- Two improvements make creating links easier:</li><li><strong>Smart Embedding</strong> is supported for applicable links (e.g., pasting YouTube links will automatically embed the video in your post).</li></ul><h2 data-id="text-formattinglinks">Text formatting/links</h2><p>Upon selecting text, several options appear allowing you to apply the following formatting: <strong>bold</strong>, <strong>italic</strong>, <strong>strikethrough</strong>, <strong>inline code</strong>, and <strong>hyperlink</strong>.</p><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/Q42Y1LHYSZCF/text-formatting.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/Q42Y1LHYSZCF/text-formatting.png" alt="text_formatting.png" height="188" width="598" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <p>In addition, you can use the following keyboard shortcuts:</p><ul><li><code class="code codeInline" spellcheck="false" tabindex="0">ctrl+b</code> or <code class="code codeInline" spellcheck="false" tabindex="0">⌘+b</code> for bold.</li><li><code class="code codeInline" spellcheck="false" tabindex="0">ctrl+i</code> or <code class="code codeInline" spellcheck="false" tabindex="0">⌘+i</code> for italic.</li><li><code class="code codeInline" spellcheck="false" tabindex="0">ctrl+k</code> or <code class="code codeInline" spellcheck="false" tabindex="0">⌘+k</code> to display the link menu, where you can enter a URL and text to display.</li></ul><p><strong>✔️ TIP</strong>: You can also quickly create a link by copying a URL (e.g., from your browser), selecting text in the editor, and pressing <code class="code codeInline" spellcheck="false" tabindex="0">ctrl+v</code> or <code class="code codeInline" spellcheck="false" tabindex="0">⌘+V</code> to replace the highlighted text with the link.</p><h2 data-id="paragraph-formatting">Paragraph formatting</h2><p>Click into a paragraph to display a paragraph-level formatting menu to the left, as shown below.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/LZJY52G645EG/paragraph-formatting.gif" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/LZJY52G645EG/paragraph-formatting.gif" alt="paragraph_formatting.gif" height="204" width="640" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>The options in each category are as follows: </p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/XQHD0P0GIEM2/paragraph-formatting-options.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/XQHD0P0GIEM2/paragraph-formatting-options.png" alt="paragraph_formatting_options.png" height="251" width="944" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="special-formatting-examples">Special formatting examples</h3><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/PIUVZ3SE67G0/formatting-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/PIUVZ3SE67G0/formatting-example.png" alt="formatting_example.png" height="442" width="905" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>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.</p><h2 data-id="lists">Lists</h2><p>Here are a few tips when working with lists:</p><ul><li>Type "<strong>-</strong>" and press <strong>space </strong>to begin a bulleted list.</li><li>Press <strong>enter/return</strong> to drop down to the next bullet.</li><li>Press <strong>enter/return</strong> <em>twice </em>to end the list and resume standard paragraph text.</li></ul><ol><li>Type "<strong>1.</strong>" and press <strong>space </strong>to begin a numbered list.</li><li>Press <strong>enter/return</strong> to drop down to the next number.</li><li>Press <strong>enter/return</strong> <em>twice </em>to end the list and resume standard paragraph text.</li></ol><h3 data-id="indent-outdent-lists">Indent & outdent lists</h3><p>Indenting/outdenting is possible in two ways:</p><ul><li>Via the list menu shown below:</li></ul><div class="embedExternal embedImage display-small float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/VS6N47W0ULDD/list-indent-menu.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/VS6N47W0ULDD/list-indent-menu.png" alt="list_indent_menu.png" height="393" width="255" loading="lazy" data-display-size="small" data-float="none"></img></a> </div> </div> <ul><li>Via the following keyboard shortcuts:<ul><li>Press <strong>tab </strong>to indent</li><li>Press <strong>enter/return</strong> to outdent</li></ul></li></ul><p>📝 <strong>NOTE</strong>: To outdent via the <strong>enter/return</strong> key, the paragraph must be blank.</p><h4 data-id="list-indentation-example">List indentation example</h4><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/1EKHRV851BQ6/list-levels.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/1EKHRV851BQ6/list-levels.png" alt="list_levels.png" height="386" width="406" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <h3 data-id="images-in-lists">Images in lists</h3><p>You can<strong> include images in bulleted </strong><em>and</em><strong><em> </em>numbered lists</strong>. </p><p>For <em>numbered lists</em>, specifically, Rich Editor 2 allows you to insert images and continue the numbering flow. Let's look at an example:</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/919ARA2NJVK3/inline-images-lists.gif" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/919ARA2NJVK3/inline-images-lists.gif" alt="inline_images_lists.gif" height="340" width="844" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>By comparison, Rich Editor 1 does not allow images within lists at all, nor does it provide any way to construct a numbered flow while including images between numbers.</p><h2 data-id="links-embeds">Links & embeds</h2><p>The <strong>Link menu</strong> and embedding options have been improved over Rich Editor 1. Now, you can display your links in three formats: </p><ul><li><strong>URL</strong></li><li><strong>Rich Link</strong></li><li><strong>Card</strong> </li></ul><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/VFIBU8MFFPEI/link-menu.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/VFIBU8MFFPEI/link-menu.png" alt="link_menu.png" height="54" width="412" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h4 data-id="url-example"><strong>URL</strong> example</h4><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/JCA5ZEMZBCTS/url-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/JCA5ZEMZBCTS/url-example.png" alt="URL_example.png" height="22" width="572" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h4 data-id="rich-link-example"><strong>Rich Link</strong> example</h4><div class="embedExternal embedImage display-medium float-left"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/A4ATNIX2R4GP/richlink-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/A4ATNIX2R4GP/richlink-example.png" alt="RichLink_example.png" height="28" width="390" loading="lazy" data-display-size="medium" data-float="left"></img></a> </div> </div> <p><br></p><h4 data-id="card-example"><strong>Card</strong> example</h4><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/C4F4UGQ867SC/card-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/C4F4UGQ867SC/card-example.png" alt="Card_example.png" height="128" width="816" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>If the pasted link supports Smart Embedding, the Card view will be used by default. For example, adding a link to <a href="https://www.youtube.com/watch?v=ucO5iSV-paw" rel="nofollow noreferrer ugc"><code class="code codeInline" spellcheck="false" tabindex="0">https://www.youtube.com/watch?v=ucO5iSV-paw</code></a>will automatically embed the video in your post:</p><div class="js-embed embedResponsive" data-embedjson="{"height":113,"width":200,"photoUrl":"https:\/\/i.ytimg.com\/vi\/ucO5iSV-paw\/hqdefault.jpg","videoID":"ucO5iSV-paw","showRelated":false,"start":0,"url":"https:\/\/www.youtube.com\/watch?v=ucO5iSV-paw","embedType":"youtube","name":"Vanilla Forums","frameSrc":"https:\/\/www.youtube.com\/embed\/ucO5iSV-paw?feature=oembed&autoplay=1"}"> <a href="https://www.youtube.com/watch?v=ucO5iSV-paw" rel="nofollow noreferrer ugc"> https://www.youtube.com/watch?v=ucO5iSV-paw </a> </div><p>If Smart Embedding is not supported, a Rich Link to the page is used by default. For example, adding a link to our customer community (<a href="https://success.vanillaforums.com" rel="nofollow noreferrer ugc"><code class="code codeInline" spellcheck="false" tabindex="0">https://success.vanillaforums.com</code></a>) will look like this:</p><div class="embedExternal embedImage display-medium float-left"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/BT8UHOG5CZD9/richlink-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/BT8UHOG5CZD9/richlink-example.png" alt="RichLink_example.png" height="30" width="294" loading="lazy" data-display-size="medium" data-float="left"></img></a> </div> </div> <p><br></p><h2 data-id="tables">Tables</h2><p>Rich Editor 2 allows you to copy and paste tables into the editor <em>from another source</em>, such as Word or Excel.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/4O2W5XPRO5L1/table-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/4O2W5XPRO5L1/table-example.png" alt="table_example.png" height="690" width="1429" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="table-overview">Table overview</h3><p>Once pasted, you can then edit the table content. Keep the following in mind:</p><ul><li>The <strong>format </strong>of your tables is controlled by your <strong>Theme</strong>. With variables, you can control formatting like alternating row colors and whether column lines display.</li><li>Currently,<strong> </strong>when pasting a table containing <strong>images</strong>, those images <em>will not be included</em>. You must manually insert images into the table <em>after it's pasted</em>.</li><li>Unlike images, you cannot click to select a table and delete it via a button. To <strong>delete a table</strong>, you must select the entire table and click <code class="code codeInline" spellcheck="false" tabindex="0">delete</code> or <code class="code codeInline" spellcheck="false" tabindex="0">backspace</code>, as shown below:</li></ul><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/3JVK4ABITH8O/delete-table.gif" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/3JVK4ABITH8O/delete-table.gif" alt="delete_table.gif" height="424" width="844" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>📝 <strong>NOTE</strong>: In the future, you'll be able to create tables natively within the editor.</p><h3 data-id="format-your-tables">Format your tables</h3><p>Check out the article below to learn how to use theme variables in your Style Guide to change the look of your tables.</p><div class="js-embed embedResponsive" data-embedjson="{"body":"To customize the visual aesthetic of your Rich Editor 2 tables, you can add a variety of theme variables to your Style Guide. In this article, we'll examine several of the most common table variables, which will likely be sufficient for your needs. However, if you want to dive a little deeper, you can find the complete…","photoUrl":"https:\/\/us.v-cdn.net\/6030677\/uploads\/GXW21TRYG1JP\/share-imagevanilla-community.jpg","url":"https:\/\/success.vanillaforums.com\/kb\/articles\/617","embedType":"link","name":"Rich Editor 2 - Table Formatting - HL Vanilla Community","faviconUrl":"https:\/\/us.v-cdn.net\/6030677\/uploads\/5OJX0TDUV3I6\/vanilla-32x32-favicon.png"}"> <a href="https://success.vanillaforums.com/kb/articles/617" rel="nofollow noreferrer ugc"> https://success.vanillaforums.com/kb/articles/617 </a> </div><h2 data-id="code-blocks">Code blocks</h2><p>The <strong>code block</strong> format option formats your text as <code class="code codeInline" spellcheck="false" tabindex="0">code</code> and includes syntax highlighting for some of the more common coding languages. When you input code, the coding language is automatically detected and the syntax is highlighted accordingly. We currently support this for:</p><ul><li>ADA</li><li>Apache</li><li>AppleScript</li><li>C++</li><li>Bash</li><li>BASIC</li><li>Clojure</li><li>CMake</li><li>CSS</li><li>Dart</li><li>Dockerfile</li><li>Excel</li><li>Go</li><li>Haskell</li><li>HTTP</li><li>Java</li><li>JavaScript</li><li>JSON</li><li>Kotlin</li><li>Less</li><li>Lua</li><li>Makefile</li><li>Markdown</li><li>NGINX</li><li>Objective-C</li><li>Perl</li><li>PHP</li><li>PowerShell</li><li>Python</li><li>Ruby</li><li>Rust</li><li>SCSS</li><li>SQL</li><li>Swift</li><li>Twig</li><li>TypeScript</li><li>XML</li><li>YAML</li></ul><h2 data-id="markdown-macros">Markdown macros</h2><p>Rich Editor 2 supports the following markdown-based macros:</p><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/6WGRS8D37E50/markdown-macros-gif.gif" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/6WGRS8D37E50/markdown-macros-gif.gif" alt="markdown_macros_GIF.gif" height="372" width="588" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <h2 data-id="emoji">Emoji</h2><p>At the bottom left of the Rich Editor is the <strong>Emoji Picker</strong>, which you can use to add thousands of emojis to a post. The emojis are grouped into the following eight categories:</p><ul><li>Smileys & People</li><li>Animals & Nature</li><li>Food & Drink</li><li>Travel & Places</li><li>Activities</li><li>Objects</li><li>Symbols</li><li>Flags</li></ul><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/4PTPU19RRRWX/emoji-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/4PTPU19RRRWX/emoji-example.png" alt="emoji_example.png" height="509" width="572" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <h2 data-id="insert-images">Insert images</h2><p>There are two ways to insert images into a post:</p><ul><li>Users with permission to upload images can do so via the <strong>Upload Image </strong>icon highlighted below.</li><li>You can also drag and drop images into the editor.</li></ul><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/7UZDS5PDEC50/upload-image-button.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/7UZDS5PDEC50/upload-image-button.png" alt="User: "upload_image_button.png"" height="180" width="320" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <h3 data-id="image-management-options">Image-management options</h3><p>Select an image to enable the following management options (discussed from left to right):</p><ul><li><strong>Float </strong>- You can float the image left, center, or right.</li><li><strong>Size</strong> - Three generic sizing options are available: small, medium, and large.</li><li><strong>Alt text </strong>- Click this icon to display the <em>Alt Text</em> dialog where you can update an image's alt text to help with accessibility and improve SEO.</li><li><strong>Delete</strong> - Click the trashcan icon to remove the image. Note that no confirmation is provided, and the action is immediate.</li></ul><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/ISBI2BJRS68D/image-options.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/ISBI2BJRS68D/image-options.png" alt="image_options.png" height="298" width="780" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <h2 data-id="upload-files">Upload files</h2><p>There are two ways to upload files to a post:</p><ul><li>Users with permission to upload files can do so via the <strong>Upload File </strong>icon highlighted below.</li><li>You can also drag and drop files into the editor.</li></ul><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/5PWCWHC7C0LM/upload-file.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/5PWCWHC7C0LM/upload-file.png" alt="User: "upload_file.png"" height="180" width="320" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <p>Once the post is published, users will be able to download any attached files, as you see below.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/IS6F4XT0O3AZ/file-attachment-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/IS6F4XT0O3AZ/file-attachment-example.png" alt="file_attachment_example.png" height="303" width="762" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="mentions">Mentions</h2><p><strong>Mentions </strong>are a quick and easy way to notify other users about certain comments and discussions that may interest them.</p><p>Depending on the mentioned user’s notification settings, they’ll either:</p><ul><li>see a pop-up directly in the community</li><li>or receive an email telling them that they’ve been mentioned with a link to the content.</li></ul><p>To mention someone, simply type “@” and then start typing the user’s name. As you type, a list of suggested users will display; continue typing to narrow down this list.</p><ul><li>Mentions are sorted with case sensitivity, and accents are included to allow for more precise matching. All characters except for "@" are supported.</li></ul><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/H05RF3K0NGD0/mentions.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/H05RF3K0NGD0/mentions.png" alt="mentions.png" height="443" width="1136" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="faq">FAQ</h2><h3 data-id="what-do-i-do-with-my-existing-advanced-editor-posts">What do I do with my existing Advanced Editor posts?</h3><p>Rich Editor 2 can function side by side with Advanced Editor. Leave Advanced Editor enabled in addition to Rich Editor 2, and older posts will still be editable using Advanced Editor.</p><h3 data-id="why-am-i-getting-an-error-message-when-i-try-to-upload-a-file">Why am I getting an error message when I try to upload a file?</h3><p>There are two common errors that can occur when uploading a file to the Rich Editor 2.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/P9PW2Y3IDQRW/file-ext-error.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/P9PW2Y3IDQRW/file-ext-error.png" alt="file_ext_error.png" height="180" width="1011" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>This error indicates that the file being uploaded is not currently supported. If there is a specific file type that your community needs supported, please reach out to Vanilla Support or your CSM to make the necessary change in your site’s configuration.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/G7PODC01N1R4/file-too-big.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/G7PODC01N1R4/file-too-big.png" alt="file_too_big.png" height="115" width="1015" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>This error indicates that the uploaded file’s size is too large and cannot be accepted. The default maximum file size is set at <strong>50MB</strong>, but this can be changed to suit a site’s needs. If you need to increase or decrease the maximum allowed file size limit, reach out to Vanilla Support or your CSM to make the necessary change in your site’s configuration.</p><h3 data-id="why-is-my-published-post-replaced-with-there-was-an-error-rendering-this-rich-post">Why is my published post replaced with “There was an error rendering this rich post”?</h3><p>This message appears when a published post was inserted improperly. This can happen through incorrect insertion of a post through the API.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/MKBQ51K0GNNU/render-rich-post-error.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/MKBQ51K0GNNU/render-rich-post-error.png" alt="render_rich_post_error.png" height="135" width="1127" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>The <code class="code codeInline" spellcheck="false" tabindex="0">Rich</code> format must be stored in a specific way. Content from sources other than Rich Editor 2 should not be stored with this format.</p><h2 data-id="rich-embeds">Rich embeds</h2><p>Rich Editor 2 supports <a href="https://success.vanillaforums.com/kb/articles/330-rich-embeds" rel="nofollow noreferrer ugc">Rich Embeds</a>, a feature that allows you to embed content from your community and other sites in Rich posts. You can use this functionality to embed images, files, summaries of other pages, discussions, comments, videos, and more.</p><h2 data-id="additional-resources">Additional resources</h2><ul><li><a href="http://docs.vanillaforums.com/help/posting/" rel="nofollow noreferrer ugc">More information on posting</a></li><li><a href="https://success.vanillaforums.com/kb/articles/330-rich-embeds" rel="nofollow noreferrer ugc">Rich Embeds</a></li></ul> </article> </main>