Overview of Editor Page

Detailed Explanation of Icons in the Interface

1. Home Icon - Clicking this icon will navigate you back to the main dashboard or home screen. This is useful when you want to exit the current editing session and return to the main workspace.
2. Template Icon - This icon opens a library of pre-designed templates. Users can browse through different layout options and select one that best suits their content needs, making content creation faster and easier.
3. Page Name Display - The name of the current page is displayed here. This helps users identify the specific page they are working on, especially when managing multiple pages or projects.
4. Outline Icon - Clicking this will show the layout outline, displaying all the columns and rows in the structure. This is helpful in understanding how the content is arranged and allows for better alignment and organization.
5. Undo & Redo Icons -
   • Undo: Clicking this will revert the most recent change you made to the content, helping you correct mistakes.
   • Redo: If you have undone a change and want to restore it, clicking redo will bring it back.
   • These icons help in quickly correcting any accidental edits and refining the content workflow.
6. Code Icon - Clicking this icon allows users to view and edit the content’s HTML code. This is particularly useful for advanced users who want to customize their content beyond the standard editing options.
7. Accessibility Checker - This tool scans the content to identify any accessibility issues. It provides suggestions for improving the content’s readability and usability, ensuring that it meets accessibility standards for all users, including those with disabilities.
8. Preview Icon - This feature allows users to preview how their content will appear on different devices such as mobile, tablet, and desktop. It is helpful for ensuring that the design is responsive and looks good on all screen sizes.
9. Fullscreen Icon - Clicking this will expand the editor to full screen, removing all distractions and providing a larger workspace for content creation.
10. Templates Button - This button opens a menu containing various design templates that can be applied to the content. Using templates helps in maintaining consistency and saves time in structuring new pages.
11. Custom Row Button - This feature allows users to add a custom row where they can place different types of content blocks. It provides flexibility in designing unique layouts based on specific requirements.
12. Add Row Button - By clicking this, users can add new rows to start building their content structure. Rows serve as the foundation for arranging text, images, and other elements on the page.
13. Save to LMS Button - This button saves all the content directly to the Learning Management System (LMS). Clicking this ensures that all changes are stored securely and can be accessed later without data loss.
14. Save as Template Button - Clicking this option will save the current content as a reusable template. This is helpful when users want to replicate a particular layout in future projects without redesigning it from scratch.
15. Auto Save Indicator - This feature shows whether the system is automatically saving the content. Auto-save minimizes the risk of losing work due to accidental closures or technical issues.
16. Delete Icon - Clicking this will clear all content on the page, effectively resetting it. Users should use this option with caution as it permanently removes all elements from the workspace.
17. Explore Icon - This icon provides access to additional features, settings, or help resources. Clicking it will open a menu where users can explore more options to enhance their editing experience.