Document Editor

Flokan includes a powerful rich text document editor that provides a Confluence-style editing experience where documents are always editable — there's no separate "view mode" and "edit mode." Just open a document and start typing.

The editor is deeply integrated with Storage and supports real-time collaborative editing, version history, DOCX import/export, and the full range of text formatting you'd expect from a professional document tool.

Opening the Editor

The document editor activates automatically when you open a DOCX file or create a new document in Storage. Documents open inline within the Storage interface — you stay in context rather than being taken to a separate page.

Text Formatting

Basic Formatting

Headings

Six heading levels (H1 through H6) are available from the toolbar dropdown. Headings create structure in your document and generate a table of contents for longer documents.

Lists

• Ordered lists (1, 2, 3...) — For sequential steps or ranked items
• Unordered lists (bullets) — For non-sequential items
• Task lists (checkboxes) — For actionable items that can be checked off

Lists can be nested by increasing the indent level. List styles (bullet type, number style) are preserved through DOCX import/export.

Text Color & Highlighting

The editor includes a Confluence-style color palette for both text color and background highlighting:

• Text Colors — 35 swatches arranged in a 7×5 grid, covering the full spectrum of commonly used text colors
• Highlight Colors — 9 background highlight colors for emphasizing important text passages

Select text and click the color button in the toolbar to apply. Colors are preserved when exporting to DOCX.

Font Size

Adjust font size from the toolbar. Multiple sizes are available ranging from small caption text to large heading-sized text. This is separate from heading styles — you can have large body text or small headings if needed.

Alignment & Indentation

• Text alignment — Left, center, right, and justify
• Indentation — Increase or decrease indent level for any block of text

Rich Content

Tables

Insert tables from the toolbar. Once inserted, you can:

• Add or remove rows and columns
• Resize columns by dragging borders
• Navigate cells with Tab and Shift+Tab
• Apply text formatting within cells

Images

Embed images inline within your documents. Images can be uploaded directly or linked from URLs.

Links

Add hyperlinks to any text. Links show a preview on hover and open in a new tab when clicked.

Code Blocks

Insert syntax-highlighted code blocks for technical documentation. Code blocks preserve formatting and indentation.

Blockquotes

Indent and style quoted text with blockquote formatting. Useful for highlighting key passages or quoting external sources.

Horizontal Rules

Insert horizontal dividers to create visual section breaks within long documents.

DOCX Import & Export

One of the editor's standout features is full DOCX round-trip support:

Import

Upload any .docx file to Storage and open it — Flokan converts it to editable content in the browser. The import engine preserves:

• Text formatting (bold, italic, underline, colors, font sizes)
• Headings and paragraph styles
• Lists (ordered, unordered) with correct numbering and bullet styles
• Tables with cell formatting
• Images embedded in the document
• Text and background colors (including Word's theme colors)

Export

Download any document as a .docx file. The export engine converts your document back to Word format with formatting intact. The exported file opens correctly in Microsoft Word, Google Docs, and other word processors.

Version History

Every document maintains automatic version history:

• Auto-save — Changes are saved continuously as you type
• Version snapshots — Significant versions are captured automatically
• Version labels — Name important versions (e.g., "Final Draft", "Client Approved") for easy identification
• Diff view — Compare any two versions side by side with word-level change highlighting. Insertions are highlighted in green, deletions in red.
• Blame view — See who made each change, so you know which team member edited what
• Restore — Revert the document to any previous version with one click

@Mentions

Type @ followed by a team member's name to mention them in a document. Mentioned users receive a notification that links directly to the document. This is useful for requesting reviews, assigning action items, or drawing attention to specific sections.