Ask the Community
Groups
A quick tour of editing - Connect IT Community | Kaseya
<main> <article class="userContent"> <p>Introduction</p> <p>IT Glue's document template has two main elements: the editing toolbar and the floating context menus. The editing tool bar allows you to quickly format the text to the way you want them to appear. A context menu is a menu that appears upon user interaction and offers a limited set of actions related to the selected item.</p> <p>Editing toolbar</p> <p>The editing toolbar contains several options and commands you will need to format your content.</p> <p><img src="https://us.v-cdn.net/6032361/uploads/migrated/UF0UJIGYKNYC/documents-new-document.png" alt="Documents_-_New_Document.png" class="embedImage-img importedEmbed-img"></img></p> <p><strong>Heading/font style</strong></p> <p>Click on <strong>Style</strong> to apply a heading or font style to highlighted text.</p> <p><img src="https://us.v-cdn.net/6032361/uploads/migrated/2IC7GU4WFIDJ/documents-new-document.png" alt="Documents_-_New_Document.png" class="embedImage-img importedEmbed-img"></img></p> <p><strong>Text tools</strong></p> <ul><li>Bold, italicize, underline, and strikethrough text</li> <li>Change the text color and background color</li> <li>Remove all the formatting on the text</li> </ul><p><img src="https://us.v-cdn.net/6032361/uploads/migrated/X9146LHGGX2D/documents-new-document-1.png" alt="Documents_-_New_Document__1_.png" class="embedImage-img importedEmbed-img"></img></p> <p><strong>Format bullets/indent tools</strong></p> <ul><li>Apply numbering or bullets to text</li> <li>Insert an indent for block quotes</li> <li>Increase or decrease tab indents</li> </ul><p><img src="https://us.v-cdn.net/6032361/uploads/migrated/2NAZUPGTIU8H/documents-new-document-2.png" alt="Documents_-_New_Document__2_.png" class="embedImage-img importedEmbed-img"></img></p> <p><strong>Alignment tools</strong></p> <ul><li>Change the alignment of text to either left-justified, centered, or right-justified</li> </ul><p><img src="https://us.v-cdn.net/6032361/uploads/migrated/J9CURY8LW23O/documents-new-document-3.png" alt="Documents_-_New_Document__3_.png" class="embedImage-img importedEmbed-img"></img></p> <p><strong>Undo/redo tools</strong></p> <ul><li>Undo and redo actions in the text field</li> </ul><p><img src="https://us.v-cdn.net/6032361/uploads/migrated/AF9XRG371906/documents-new-document-4.png" alt="Documents_-_New_Document__4_.png" class="embedImage-img importedEmbed-img"></img></p> <p><strong>Source code tool</strong></p> <ul><li>Access and edit the underlying HTML code for the text you're working with</li> </ul><p><img src="https://us.v-cdn.net/6032361/uploads/migrated/FSDGS7M5Y8KX/documents-new-document-7.png" alt="Documents_-_New_Document-7.png" class="embedImage-img importedEmbed-img"></img></p> <p><img src="https://us.v-cdn.net/6032361/uploads/migrated/4Q2VCV61O8U6/documents-new-document-5.png" alt="Documents_-_New_Document__5_.png" class="embedImage-img importedEmbed-img"></img></p> <p><strong>Table tool</strong></p> <ul><li>Choose the number of columns and rows needed</li> <li>Once you create the table, clicking inside a table cell will display a floating context menu with several actions (refer to the <em>Table </em><em>Context Menus</em> section later in this KB article)</li> </ul><p><img src="https://us.v-cdn.net/6032361/uploads/migrated/ZAEBONSILUY2/documents-new-document-11-2.png" alt="Documents_-_New_Document-11-2.png" class="embedImage-img importedEmbed-img"></img></p> <p><strong>Embed media</strong></p> <ul><li>Embed media (iframes) hosted by other services</li> </ul><p><img src="https://us.v-cdn.net/6032361/uploads/migrated/0AO4CNMBOPLP/documents-new-document-11.png" alt="Documents_-_New_Document-11.png" class="embedImage-img importedEmbed-img"></img></p> <p>Context Menus</p> <h3 data-id="add-content-context-menu"> <em>Add Content</em> context menu</h3> <p>Placing your cursor somewhere inside a block of text and clicking on the <img src="https://us.v-cdn.net/6032361/uploads/migrated/9H3LI0KGN75G/plus-sign.png" alt="" class="embedImage-img importedEmbed-img"></img> plus sign next to it opens this floating context menu which includes the following actions:</p> <ul><li>Insert inline image</li> <li>Create bulleted list</li> <li>Create numbered list</li> <li>Insert horizontal break line</li> <li>Add link</li> <li>Insert table</li> </ul><p><img src="https://us.v-cdn.net/6032361/uploads/migrated/5JTM6HPTPBBY/add-content-context-menu.png" alt="" class="embedImage-img importedEmbed-img"></img></p> <h3 data-id="edit-text-context-menu"> <em>Edit Text</em> context menu</h3> <p>Highlighting a section of text opens this floating context menu which includes the following actions:</p> <ul><li>Apply heading and font styles </li> <li>Bold text</li> <li>Italicize text</li> <li>Underline text</li> <li>Strikethrough text</li> <li>Add link</li> <li>Remove formatting</li> </ul><p><img src="https://us.v-cdn.net/6032361/uploads/migrated/HOZLQWVIFQ25/text-editing-context-menu.png" alt="" class="embedImage-img importedEmbed-img"></img></p> <h3 data-id="tables-context-menu"> <em>Tables</em> context menu</h3> <p>Clicking inside a table cell opens this floating context menu which includes the following options:</p> <ul><li>Apply heading and font styles</li> <li>Rows (insert, delete)</li> <li>Columns (insert, delete)</li> <li>Cells (insert, delete, merge/split)</li> <li>Delete table</li> </ul><p><img src="https://us.v-cdn.net/6032361/uploads/migrated/QTQYPDZI2FVY/table-context-menu.png" alt="" class="embedImage-img importedEmbed-img"></img></p> <h3 data-id="image-alignment-context-menu"> <em>Image Alignment</em> context menu</h3> <p>Clicking on an image opens this floating context menu which includes the following options:</p> <ul><li>Float left</li> <li>Center</li> <li>Float right </li> </ul><p><img src="https://us.v-cdn.net/6032361/uploads/migrated/JUPI8YIGL66C/image-alignment-context-menu.png" alt="" class="embedImage-img importedEmbed-img"></img></p> </article> </main>