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 Overview 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 Author, 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, Editor+ can create custom templates for the organization.

#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. AI — dropdown menu: AI Format, AI Improve, AI Rewrite, AI Translate (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. Four functions:

Learn more: AI assistants

#Sidebar

To the right of the editor is a panel with four tabs:

#1. 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

#2. Insights

• Quality score — an AI assessment of the article's completeness and readability (0–100 points)
• Gaps (Gap Alerts) — topics users ask about but that the article doesn't answer
• Related questions — queries this article helps answer
• Recommendations — suggestions for improving the content
• Review — a panel for submitting the article for review (for Pro/Enterprise)

#3. Comments

Discussion right in the article (available on the Pro 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.

#Publishing

1. Click the Publish button in the top-right corner
2. The article becomes available for search and AI answers
3. The status changes to "Published ✓"

Any new edits after publishing reset the status, and you need to click "Publish" again.

#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 (Pro 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.