LiKE Editor

The built-in editor for creating and editing knowledge base articles. Built on TipTap (ProseMirror) — the same engine used in Notion, GitBook, and other modern editors.

#Editor interface

The editor has four main zones:

#Creating an article

1. In the Articles section (or on the Home screen), click "+ Create article" — the editor opens.
2. For a new article, the editor shows a "Choose a template" dialog: start blank, generate with AI Writer, or use a ready-made template (list below).
3. Enter a title and write in the main area.
4. The article is saved automatically on every change.

#New article templates

Besides the system templates, the organization's Editor, Admin and Owner can create custom templates for the organization.

Ready-made templates are matched to the interface language and currently exist in Russian and English. In other languages the ready-made list is empty — what remains is “Blank article”, “AI Writer” and your organization's own templates.

#Toolbar

The toolbar sits above the editing area. Buttons are grouped by function and separated by vertical dividers.

#Button group descriptions

1. History — ↩ Undo (Ctrl+Z), ↪ Redo (Ctrl+Shift+Z)

2. Block type — switch between paragraph and headings H1–H3

3. Formatting — B bold, I italic, U underline, S strikethrough, ~ inline code

4. Links and lists — hyperlink (Ctrl+Shift+K), bulleted, numbered, checklist

5. Blocks — quote, code with highlighting, table (grid picker up to 8x8), divider, image

6. Special blocks — Callout (info / warning / error / success), Toggle (collapsible block)

7. Alignment — left, center, right

8. Color — text color (9 colors), background highlight (7 colors)

9. Dictation and AI — the "Dictate" button and the AI dropdown menu: AI Formatting, AI Analysis, AI Editor, AI Translator, AI Writer, plus the "Show AI marks" / "Hide AI marks" toggle (more below)

10. Zoom — from 70% to 150%, word count, and reading time

#Slash commands

Type / on an empty line to open the quick-insert menu. Start typing a name to filter.

The "+" button — the same list can be opened with the "+" button that appears to the left of an empty line (when the cursor is in an empty paragraph). It's convenient for inserting a block with the mouse without typing /.

#Bubble Menu (floating menu)

Context menus that appear automatically when you interact with a specific type of content.

#When selecting text

Select a fragment — a floating panel appears above it:

B bold · I italic · U underline · S strikethrough · ~ code · link · ab highlight · X₂ subscript · X² superscript

#When clicking a table

When the cursor is in a table cell, a context menu appears:

1. Rows — add a row above/below, delete a row
2. Columns — add a column left/right, delete a column
3. Cells — merge selected, split a previously merged one
4. Header — mark a row as a header
5. Expand to full width — stretch the table across the full canvas width. Available in portrait orientation; in landscape the button is hidden (the canvas is already wide there)
6. Cell text formatting (the "Aa" button) — bold, italic, underline, strikethrough, code, highlight, subscript, and superscript
7. Delete table — remove the entire table

#When clicking an image

1. Size (presets) — five options:
   • S — 25% of column width (thumbnail)
   • M — 50% (half the text)
   • L — 75% (large illustration)
   • Full — 100% (across the full content width)
   • U (Custom) — any arbitrary width set manually by dragging the image corner (corner handles). This item is highlighted yellow automatically if the current width doesn't match any preset — an indicator that "you performed a manual resize." Clicking U doesn't change the width — it's only an indicator.
2. Alignment — three options:
   • ◀ Left — text wraps on the right (float: left)
   • ■ Center — the image is centered, text runs above and below (no wrapping)
   • ▶ Right — text wraps on the left (float: right)
   • Auto-shrink: if you choose left/right alignment at the Full size, the width automatically shrinks to L (75%) — otherwise the text wrapping wouldn't be noticeable (a full-width image "pushes" all the text below it).
3. Move block up/down (⌃ / ⌄) — swap places with the neighboring block (paragraph, heading, another image) without using drag & drop. Handy for fine-tuning layout.
4. Alt text — a description for SEO and accessibility (screen readers for the visually impaired). A small prompt opens; enter 1–2 sentences about the image content.
5. Delete — remove the image from the article.

Drag-resize. Besides the S/M/L/Full presets, you can drag the corners of a selected image with the mouse — the width is set in pixels or percent with pixel precision. This width option is what the U indicator highlights in the bubble menu.

#Keyboard shortcuts

#Images

#How to insert

Images are automatically uploaded to cloud storage (S3 / compatible). The text keeps a link to a secure URL — the original isn't lost when copying content.

#Size control

There are 4 presets and a custom size:

#Alignment and wrapping

Three positioning options:

• Left — the image is pinned to the left edge, text wraps on the right
• Center — the image is centered, text runs above and below without wrapping
• Right — the image is pinned to the right edge, text wraps on the left

Note: when you try to align an image left/right in Full mode, it automatically shrinks to L (75%) — otherwise the wrapping wouldn't be noticeable. This is deliberate behavior for sensible layout.

#Crop, rotate, and order

Select an image — in the pop-up bubble menu, besides size and alignment, you can:

• Crop / rotate — opens the built-in image editor (cropping, rotation, flipping)
• Move up / down — shift the image among neighboring blocks without cut-and-paste
• Delete image

#Accessibility (Alt text)

The Alt button in the bubble menu opens a prompt where you can enter a description of the image content. It's used:

• By search engines (SEO) — Google indexes alt text for image search
• By screen readers for visually impaired users
• On load failure — the alt text is shown in place of the image

We recommend giving a meaningful alt of 1–2 sentences to every image that carries information (UI screenshots, diagrams, charts). Decorative images can be left with an empty alt.

#Tables

#Inserting a table

1. Click the ▦ button in the toolbar
2. A size-picker grid appears (up to 8x8)
3. Hover the mouse to choose the number of rows and columns
4. Click to insert

Or type /table in slash commands.

#Working with a table

A compact trigger appears above the table (a table icon + a separate Aa button for formatting cell text). A click opens a menu with groups:

Additionally: column borders can be dragged with the mouse to change width; the menu itself can be dragged by its top handle.

Expand to full width — the table extends beyond the text column and takes the full available canvas width (Notion-style). This option is available in portrait orientation; in landscape the canvas is already wide (see below).

#Canvas orientation (portrait / landscape)

The editor's top bar has an orientation toggle of two buttons:

• Portrait orientation — the standard content column (narrow, comfortable to read).
• Landscape orientation (for wide tables) — the column widens to fit wide tables and diagrams.

The choice is remembered and applied not only in the editor but also when printing and in the A4 preview (the sheet rotates to landscape). For a single wide table you can leave the whole document's orientation unchanged and expand just that table (see "Expand to full width" above).

#Embeds (embedded content)

Insert content from external services via the /embed slash command:

1. Type /embed → a URL field appears
2. Paste the content link
3. The editor automatically detects the type and creates an iframe preview

Supported services:

• YouTube — videos
• Vimeo — video
• Figma — mockups and designs
• Loom — screen recordings
• Miro — interactive boards
• Google Docs / Sheets / Slides — documents, spreadsheets, and presentations

#Mermaid diagrams

Create diagrams right in the text via the /mermaid slash command:

graph TD
    A[Start] --> B{Condition}
    B -->|Yes| C[Action 1]
    B -->|No| D[Action 2]

Supported types: flowcharts, sequence diagrams, Gantt charts, mind maps, and more.

#Math formulas

#Block formula

Type /math — a LaTeX formula editor opens. Example:

E = mc^2

#Inline formula

Type /math-inline for a formula within text, e.g.: at acceleration a = F/m.

Rendering via KaTeX — supports most LaTeX commands.

#AI assistants

The AI assistant is available via the AI button in the toolbar. Five functions:

Learn more: AI assistants

#Dictation

The "Dictate" button in the toolbar records your voice or accepts an audio file, recognizes the speech and inserts the text into this article — where the cursor is.

• The article the text goes into is remembered when recording starts. If a different article is open by the time recognition finishes, the text is not inserted there: you get the notification "Recording transcribed, but a different article is open — the text is in Audio notes" with an "Open section" button.
• The recording is saved in Audio notes in any case.
• The button is available wherever audio notes are, if the article can be edited.

#Sidebar

To the right of the editor is a panel with four tabs: Insights · Contents · Comments · History.

#1. Insights

• Article Info — the article address as a link with a "Copy address" button, language, section, visibility (changed right here and saved immediately) and the "In search" toggle
• Search — the article's state in search
• Quality score — an AI assessment of the article's completeness and readability (0–100 points)
• Linked Questions — questions explicitly linked to this article, and a "Check Coverage" button
• Review — a panel for submitting the article for review (Team plan and above)

#2. Table of contents (TOC)

• Automatically built from H1, H2, H3 headings
• Click an item — the editor scrolls to the section
• Updates in real time as you add headings

#3. Comments

Discussion right in the article (available on the Team plan and up):

• Add a comment — to the whole article or to a selected fragment (the fragment text is shown in the comment header). Ctrl/⌘+Enter — quick send.
• Replies — a reply thread; mention a member via @Name.
• Resolve / reopen — mark a discussion as resolved and reopen it; the "Active / Resolved" filter.
• You can edit your own comment; delete — the author or an editor and above.
• The article's author gets a notification about a new comment, the thread's author — about a reply.

#4. History

• A list of all article versions with dates and authors
• View previous versions
• Roll back to any saved version
• The last 30 restore points per document are kept — older ones are deleted automatically.
• To avoid a point for every autosave, edits within a single session (≈10 minutes) are merged into one point. An explicit "Save", "Publish", and AI operations create a separate point.

#Saving and publishing

#Autosave

The article is saved automatically a few seconds after each change. The status is shown in the bottom bar:

• Saving... — a save is in progress
• Saved ✓ — all changes are saved

#Manual save

Press Ctrl+S (⌘S on Mac) to save immediately.

#Access and search are two separate states

An article has two independent states, and they should not be confused:

Leaving draft puts the article into search on its own.

Edits to an already published article also reach search on their own — when you leave the editor: close the article, switch to another one or close the tab. If that moment did not reach the server (for example, the network dropped), the edits will reach search once nobody has edited the article for an hour. A draft does not reach search until it is published.

The "Search" card says in plain words what is happening with the article and shows one of three states:

• In search — the article is found both by text and by AI answers;
• Outdated — search holds the previous version of the text. The "Re-index" button publishes the current one, with the approximate token cost of the operation shown next to it;
• Not in search — with the reason given: draft, unpublished, lost in the source, empty, no fragments.

"Unpublish" is a toggle in the same card.

An unpublished article, like a draft, is visible only to those who can edit it: editors and admins of its space and the organization owner. Readers do not find it in the article list or tree, in search or in Bookmarks, and cannot open it by its address.

#Article visibility

Each article has a visibility level (set via the badge next to the title):

When you switch an article to Public, LiKE scans it for personal data and, if any is found, shows a confirmation dialog before publishing. See Personal data check before publishing.

#Export and sharing

#Export

Click the Export button in the top-right corner. Available formats:

• Markdown — the source text
• HTML — a web page
• PDF — a document for printing
• DOCX — a Word document

#Share

Click the Share button:

1. Public link — anyone with the link can read
2. Internal — authenticated users only
3. Embed — HTML code for embedding on a website

#Review (Team and up)

Approval of an article before publishing. The panel is in the editor's right sidebar, in the Insights tab (the "Approval" block).

1. Submit for review — the author clicks "Submit for review" and picks a reviewer from the list. An article can have only one active request.
2. Notification — the chosen reviewer gets a "You're asked to review…" notification.
3. Reviewer's decision (Editor role and above; you can't review your own request):
   • Approve — if the article was a draft, it's automatically switched to "Internal" visibility
   • Request changes — return it to the author for revision
   • Reject
4. Notification to the author — with the outcome (approved / rejected / needs revision).
5. Withdraw — the author can withdraw their request while it's pending.