#Guide To Text Editor Code Structure
Title Input: Lets users type a title for the document.
Help Button: Links to a help page with instructions for using the editor.
Purpose: Clears all text and formatting, giving users a fresh start.
Use: Helpful for discarding current work without refreshing the page. At some point it also displays the number of characters on the editor
Functionality: Main area where users type and style text.
JavaScript Integration: JavaScript commands modify the text styling based on user selections.
Bold: Makes selected text bold.
Italic: Slants the selected text for emphasis.
Underline: Underlines the selected text for visibility.
Purpose: Toggles between editable and read-only modes to prevent accidental changes.
Functionality: Toggles the visibility of main controls, allowing a cleaner interface when needed.
Headings: Allows application of heading levels H1-H6 to selected text.
Font Family Selector: Provides different font options to style the text uniquely.
Text Color: Changes the color of selected text.
Highlight Color: Applies a background color to selected text for emphasis.
Speech-to-Text: Converts spoken input to text in the editor.
Text-to-Speech: Reads out text, helpful for proofreading and visually impaired users.