Usage introduction

Build and export interactive HTML documents

The editor is a browser-based document builder. Compose pages from blocks, preview the result, then export a standalone HTML file or PDF.

Open editor View template

Core workflow

Create a new document from the sample, open a saved draft, or import an existing HTML file.

Add text, headings, figures, tables, charts, code blocks, actions, and interactive components.

Use the page bar to add pages, rename them, reorder them, and keep internal links stable.

Stage selected blocks on the component board and apply saved colors from the color board.

Switch to Preview to test page links, tabs, collapsibles, copy buttons, and filterable tables.

Export HTML for an interactive standalone file, or export PDF for a fixed document snapshot.

Control	Purpose
Add	Insert content blocks and interactive components after the selected block.
Import / Import Doc	Bring in images, PDFs, CSV, JSON, embedded HTML, or a full editable HTML document.
Link and formatting	Format selected rich text and link it to document pages or external URLs.
Boards	Manage reusable colors and staged block combinations.
Save / Open	Store named drafts in this browser and reopen them later.
PDF / Export HTML	Create shareable output from the current document.

Drafts, autosave data, boards, and staged components live in the current browser profile. Export HTML when you need a portable copy.

The exported HTML includes document styles and component behavior, so readers do not need this editor to view the final interactive file.