Upload Files - HL Vanilla Community
<main> <article class="userContent"> <p>In this article, you'll learn how to upload files using the <strong>Rich Editor</strong>, as well as the file types the editor supports. </p><p><strong>📝 NOTE</strong>: If you want to learn how to embed videos, tweets, or other content into your post, check out <a href="https://success.vanillaforums.com/kb/articles/330" rel="nofollow noreferrer ugc">this article</a>.</p><h2 data-id="required-permissions">Required permissions </h2><p>To upload an attachment, including image files, users need the following permission for their assigned Role:</p><ul><li><code class="code codeInline" spellcheck="false" tabindex="0">Garden > Uploads > Add</code></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/47MM95TZNQ2F/required-permissions.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/47MM95TZNQ2F/required-permissions.png" alt="required_permissions.png" height="400" width="970" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="upload-a-file">Upload a file</h2><p>You can upload files when creating all post types: <strong>Discussions</strong>, <strong>Questions</strong>, <strong>Ideas</strong>, <strong>Polls</strong>, and <strong>Events</strong>. </p><ol><li>Place your mouse cursor where you'd like the file to be located in the post.</li><li>Click the <strong>Upload File</strong> icon at the bottom left.</li><li>This prompts your browser's file explorer to open. Locate and insert the file you'd like to upload.</li></ol><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/W5QCJ48L3JND/upload-file-icon.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/W5QCJ48L3JND/upload-file-icon.png" alt="upload_file_icon.png" height="557" width="841" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><strong>✔️ TIP</strong>: You can also simply drag and drop a file directly from your computer to the Rich Editor. Note that when you drag and drop an image file, it will embed directly in the editor instead of uploading as an attachment (refer to the <strong>Example upload </strong>section below for an example of this).</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/922WUNKWSMPS/drag-and-drop-method.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/922WUNKWSMPS/drag-and-drop-method.png" alt="drag_and_drop_method.png" height="633" width="954" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="example-upload">Example upload</h2><p>In the example below, we've uploaded the same image file in two ways: once as an attachment via the Upload File method, and once as a direct embed via the drag-and-drop method. </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/UOAI8ENMJ1PZ/uploaded-files-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/UOAI8ENMJ1PZ/uploaded-files-example.png" alt="uploaded_files_example.png" height="714" width="923" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="delete-attachment">Delete attachment</h2><p>To delete a file you've uploaded:</p><ol><li>Click to select the file in the editor.</li><li>Click the <strong>trashcan icon</strong>.</li></ol><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/CP2STMJBGTVJ/delete-file.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/CP2STMJBGTVJ/delete-file.png" alt="delete_file.png" height="302" width="802" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="supported-file-types">Supported file types</h2><p>Listed below are the currently supported file types:</p><p><strong>📝 NOTE</strong>: By default, uploads can be up to 50 MB but you can optionally increase this limit to 100 MB by contacting your Vanilla Support.</p><ul><li>7z</li><li>Ai</li><li>Bmp</li><li>Doc</li><li>Docx</li><li>Fla</li><li>Gif</li><li>Gz</li><li>Ico</li><li>Jpeg</li><li>Jpg</li><li>Log</li><li>mp4</li><li>Pdf</li><li>Png</li><li>Ppt</li><li>Psd</li><li>Rar</li><li>Swf</li><li>Tar.gz</li><li>Tiff</li><li>Tgz</li><li>Txt</li><li>Xls</li><li>Xlsx</li><li>Zip</li></ul><p><strong>📝 NOTE</strong>: Contact Vanilla Support if you'd like to prevent one or more file types from being uploaded.</p> </article> </main>