HTML Editor

✏️ Basic Editing

• Click anywhere inside the document to place your cursor there

• Just type to add text at the cursor — works like Word

• Select text by clicking and dragging, then use toolbar buttons

• Backspace / Delete to remove characters or selected text

• Ctrl+Z undo  ·  Ctrl+Y redo

🎨 Formatting (select text first)

• Ctrl+B Bold  ·  Ctrl+I Italic  ·  Ctrl+U Underline

• Toolbar B I U S buttons do the same thing

• H1 H2 H3 buttons convert the current line to a heading

• ¶ converts back to a normal paragraph

• Font size dropdown changes selected text size

🗑️ Deleting Content

• Delete a line/sentence: triple-click to select the whole paragraph → Delete

• Delete a section block: click before it → Shift+click after it → Delete

• Delete an image: click the image → press Delete

• Delete a table row: select the row → Delete

• Ctrl+A selects everything → Delete clears all content

🖼️ Inserting Images

• Click where you want the image in the document

• Click 🖼️ in the toolbar → pick an image file

• The image is embedded directly into the page (no upload needed)

• Click an inserted image then press Delete to remove it

</> Source / Raw HTML

• Click </> to view and edit the full HTML source

• Edit CSS classes, add content, change structure directly

• Click ✓ Apply to reload the iframe with your changes

• All styles & JS are preserved — safe to edit any part

🖨️ Printing / PDF

• Click 🖨️ Print or press Ctrl+P

• The document prints with its own @page CSS (headers, footers, margins)

• Choose Save as PDF in the print dialog

• Use Chrome or Edge for best PDF output

• Toolbar and panels are not included in the printout