This text editor displays Cantonese romanization of Chinese characters (Jyutping or Yale) in real time as you type.

Your workspace is organized in four levels: Projects → Folders → Documents → Pages. Projects hold your documents. Folders help you organize those documents. Each document contains pages.

Sidebar (top of left panel)

	User Manual	Opens this guide.
	New Project	Starts a fresh, empty project. Download your current project first if you want to keep it.
	Open Project	Loads a project from a .json file you saved before.
	Download Project	Saves your whole project (folders, documents, and pages) as a .json file on your computer.

Project area (below the divider)

	Project name	Double-click to rename your project.
	Add a folder	Creates a new folder to group documents.
	Add a document	Creates a new document.
	Document tree	Click a document to open it. Double-click to rename your document. When you hover over the document name, you'll see buttons for duplicating or deleting the document.
	Collapse sidebar	Hides the sidebar to give the editor more space.

Page tabs bar (top of editor)

	Show sidebar	Brings the sidebar back when it is hidden.
	Scroll left / right	Scrolls through page tabs.
	Add page	Adds a new page to the current document.
	Page tabs	Click to switch pages. Double-click to rename your page. When you hover over the page name, you'll see buttons for duplicating or deleting the page.

Toolbar

The toolbar is divided into small groups of buttons.

Undo / Redo

	Undo (Ctrl+Z)	Steps back one change.
	Redo (Ctrl+Y)	Steps forward one change.

Paragraph & headings

	Paragraph	Turns the line into a normal paragraph.
	H1 / H2 / H3	Turns the line into a large, medium, or small heading.

Font size

	− / +	Make text smaller or larger.
18	Number button	Click it to pick a font size from a list.

Text styles

	Bold	Makes the selected text bold.
	Italic	Makes the selected text italic.
	Underline	Underlines the selected text.
	Strikethrough	Draws a line through the selected text.

Color

Color swatches

Click a swatch to change the text color of the selection.

Alignment

	Align left	Aligns text to the left.
	Align center	Centers the text.
	Align right	Aligns text to the right.
	Justify	Spreads text evenly across the line.

Lists, quotes, tables

	Bulleted list	Turns selected lines into a bullet list.
	Numbered list	Turns selected lines into a numbered list.
	Block quote	Marks the selected text as a quote.
	Insert table	Click and pick a grid size to insert a table. Right‑click a cell to insert or delete rows or columns.

Romanization

粵	Romanization system	Switches between Jyutping, Jyutping + Tone Marks, and Yale.
	Hide / Show romanization	Shows or hides the romanization of the selected text.

Export

	Copy image	Copies the current page as an image to your clipboard.
	Download PNG	Saves the current page as a PNG image file.
	Print	Opens the print dialog of your system. You can save the current page as a PDF file.

Editing Romanization

Click the romanization to edit it. Choose a pronunciation or type your own.