Document Editor

A professional rich-text editor with A4 paper canvas, full formatting toolbar, and export to DOCX and PDF

Document Editor

UniFlow includes a built-in document editor powered by the Lexical framework. It provides a clean, distraction-free writing environment with an A4 paper canvas, a comprehensive formatting toolbar, and the ability to export your work to DOCX or PDF.

Opening the Editor

There are several ways to open the Document Editor:

  1. Click Text Editor in the sidebar
  2. Create a new document from the editor's document list
  3. Open an existing document from a course or assignment
  4. Export UniMind-generated content directly to the editor

Editor Interface

A4 Paper Canvas

The editor displays your content on a realistic A4-sized canvas (21 cm × 29.7 cm) with standard margins (2.54 cm). This gives you an accurate preview of how your document will look when printed or exported.

Zoom Control

Adjust the zoom level to fit your screen:

  • Zoom In — Increase canvas size for detailed editing
  • Zoom Out — Decrease canvas size to see more content
  • The zoom applies to the A4 canvas proportionally

Font Settings

Customize the look of your document:

  • Font Family — Choose from SimSun, Microsoft YaHei, Kaiti, Times New Roman, Arial, Georgia, Courier New, and more
  • Font Size — Standard sizes from small to large

Formatting Toolbar

The toolbar at the top of the editor provides quick access to all formatting options:

Text Formatting

Button Function Shortcut
Bold Bold text Cmd+B
Italic Italic text Cmd+I
Underline Underline text Cmd+U
Strikethrough Strikethrough text
Subscript Subscript text
Superscript Superscript text
Highlight Highlight text with color
Text Color Change text color

Block Formatting

Button Function
Heading 1 Top-level heading
Heading 2 Section heading
Heading 3 Subsection heading
Paragraph Normal paragraph text
Bullet List Unordered list
Numbered List Ordered list
Quote Block quote

Alignment

  • Left — Left-align text (default)
  • Center — Center-align text
  • Right — Right-align text
  • Justify — Justify text

Links

  • Insert Link — Add a hyperlink to selected text
  • Remove Link — Remove a hyperlink from selected text

History

  • Undo — Undo the last action (Cmd+Z)
  • Redo — Redo the last undone action (Cmd+Shift+Z)

Floating Toolbar

When you select text in the editor, a floating toolbar appears near your selection with quick formatting options. This provides convenient access to the most common formatting actions without reaching for the top toolbar.

Markdown Shortcuts

The editor supports standard Markdown shortcuts for fast formatting:

Type Shortcut
Heading 1 # at the start of a line
Heading 2 ## at the start of a line
Heading 3 ### at the start of a line
Bullet list - or * at the start of a line
Numbered list 1. at the start of a line
Block quote > at the start of a line
Code ` around text
Bold ** around text
Italic _ around text

Document Management

Document List

The sidebar panel shows all your documents:

  • Create new documents with the + button
  • See document titles and last-modified dates
  • Click to switch between documents
  • Delete documents you no longer need

Auto-Save

Documents are saved automatically as you type. Every keystroke triggers a debounced save, so you never lose your work. Documents are stored locally in your browser's storage.

Tab Mode

Documents can also be opened in UniFlow's tab system, allowing you to work on multiple documents side by side with other content (assignments, Canvas pages, etc.).

Exporting Documents

Export to DOCX

  1. Click the Export menu in the toolbar
  2. Select DOCX
  3. Choose a save location
  4. The document is exported as a Microsoft Word file with formatting preserved

Export to PDF

  1. Click the Export menu in the toolbar
  2. Select PDF
  3. The document is rendered to PDF using the A4 canvas layout
  4. Choose a save location

Print

Use Cmd+P or the print button to print your document directly.

Integration with UniMind

UniMind can generate content (essays, outlines, responses) and send it directly to the Document Editor:

  1. Ask UniMind to write or draft something
  2. When the AI generates content with a canvas block, click Open in Editor
  3. The content is automatically formatted and opened in a new document

This workflow is especially useful for:

  • Drafting assignment responses
  • Creating outlines from course materials
  • Generating study notes from lecture transcripts

Tips

  • Use Markdown shortcuts for the fastest formatting experience — type ## to create a heading without touching the toolbar
  • Use the floating toolbar for quick formatting of selected text
  • Export to DOCX if you need to submit assignments in Word format
  • Zoom out when you need to see the overall structure of a long document
  • Tab mode lets you reference assignment instructions while writing your response

What's Next