How to Use the HTML Editor

Open the Editor

Navigate to the home page. The WYSIWYG editor loads automatically — no account, no download, and no installation required. You will see a toolbar at the top and an editing area below it.

Type Your Content

Click inside the white editing area and begin typing your content just as you would in a word processor like Microsoft Word or Google Docs. You can type text, paste content from another source, or start from a template.

• Press Enter for a new paragraph
• Press Shift + Enter for a line break without a new paragraph
• Use Ctrl + V to paste copied text

Format Your Text

Select any text and use the toolbar buttons to apply formatting. The toolbar groups buttons logically so formatting controls are easy to find.

• Highlight text, then click B for bold, I for italic, U for underline
• Use the Font Name and Font Size dropdowns to change the typeface and size
• Use the A▼ color button to set text or background color
• Use the alignment buttons to set left, center, right, or justified alignment
• Use Format dropdown to apply heading levels (H1–H6) or paragraph style

Insert Links

To add a hyperlink, select the text you want to turn into a link, then click the Insert/Edit Link button (chain icon) in the toolbar. A dialog will open.

• Enter the full URL (e.g., https://www.example.com)
• Set the Target to "_blank" to open in a new tab
• Optionally add a Title (tooltip text)
• Click OK to insert the link

Insert Images

Click the Insert/Edit Image button (picture icon) to open the image dialog. You can insert an image by providing its URL.

• Paste the full image URL into the URL field
• Add descriptive Alt Text for accessibility and SEO
• Set width, height, border, and alignment as needed
• Click OK to place the image in the editor

Insert Lists and Tables

Use the list and table buttons in the toolbar to add structured content.

• Click the Unordered List button to create a bullet list; click Ordered List for a numbered list
• Click the Insert Table button to open the table wizard — specify rows and columns
• Right-click inside any table cell for options to insert/delete rows and columns, merge cells, and set cell properties

Use Templates (Optional)

To start from a pre-built layout, click the Templates button in the toolbar. A dialog shows the available templates. Click a template to load it into the editor as your starting content.

• Image and Title — a header image with a headline and body text
• Two-Column Layout — side-by-side text columns
• Text and Table — introductory text followed by a data table

Copy Your HTML Code

When you are satisfied with your content, click the Source button in the toolbar (it looks like </>). The editor will switch to source view, showing the raw HTML code that represents your content.

• Use Ctrl + A to select all the HTML code
• Use Ctrl + C to copy it
• Paste the code wherever you need it — your CMS, shopping cart, newsletter tool, or email client