Sayfa Duzenleyici
The SetGet page editor is a block-based rich text editor built for team documentation. It supports structured formatting, slash commands for rapid block insertion, keyboard shortcuts for power users, and AI-powered writing tools that help you draft, refine, and expand content without leaving the editor.
Duzenleyiciye genel bakis
When you open a page, the editor occupies the main content area. The interface consists of:
| Area | Description |
|---|---|
| Title field | Large heading at the top of the page. Click to edit. |
| Toolbar | Floating toolbar that appears when you select text |
| Content area | Block-based editing surface where you write and arrange content |
| Block handles | Drag handles on the left side of each block for reordering |
| Sidebar | Properties panel on the right (access, labels, info) |
The editor uses a block-based architecture. Every piece of content — a paragraph, heading, list, code block, image, or table — is a distinct block that can be added, moved, or removed independently.
Arac cubugu ozellikleri
The toolbar appears automatically when you select text. It provides quick access to the most common formatting operations.
Inline formatting
| Button | Effect | Shortcut |
|---|---|---|
| B | Bold | Ctrl+B / Cmd+B |
| I | Italic | Ctrl+I / Cmd+I |
| U | Underline | Ctrl+U / Cmd+U |
| Strikethrough | Ctrl+Shift+S / Cmd+Shift+S | |
Code | Inline code | Ctrl+E / Cmd+E |
| Link | Create hyperlink | Ctrl+K / Cmd+K |
Block conversion
The toolbar also lets you convert the current block to a different type. When you select text and open the block type menu, you can convert between:
- Paragraph
- Heading (H1, H2, H3, H4, H5, H6)
- Bullet list
- Numbered list
- Checklist
- Quote
- Callout
Text alignment
Set text alignment for the current block:
| Option | Description |
|---|---|
| Left | Default alignment |
| Center | Centered text |
| Right | Right-aligned text |
Text color and highlight
- Text color — change the foreground color of selected text
- Highlight — apply a background color to selected text for emphasis
Available colors include default, gray, brown, orange, yellow, green, blue, purple, pink, and red.
Bicimleme referansi
Basliks
Type # followed by a space to create an H1 heading. Use ## for H2, ### for H3, and so on up to ###### for H6.
| Markdown | Result | Shortcut |
|---|---|---|
# | Heading 1 | Ctrl+Alt+1 |
## | Heading 2 | Ctrl+Alt+2 |
### | Heading 3 | Ctrl+Alt+3 |
#### | Heading 4 | Ctrl+Alt+4 |
##### | Heading 5 | Ctrl+Alt+5 |
###### | Heading 6 | Ctrl+Alt+6 |
Lists
| Markdown | Result |
|---|---|
- or * | Bullet list |
1. | Numbered list |
[] | Checklist (task list) |
Press Tab to indent a list item and create a nested level. Press Shift+Tab to outdent.
Other inline formatting
| Syntax | Result |
|---|---|
**text** | Bold |
*text* | Italic |
`text` | Inline code |
~~text~~ | |
[text](url) | Hyperlink |
Horizontal divider
Type --- on an empty line and press Enter to insert a horizontal divider.
Slash komutlari
Slash commands let you insert any block type without lifting your hands from the keyboard. Type / on a new line to open the command menu.
Available slash commands
| Command | Inserts |
|---|---|
/heading1 — /heading6 | Heading block at the specified level |
/paragraph | Plain text paragraph |
/bullet-list | Bullet list |
/numbered-list | Numbered list |
/checklist | Checklist with toggleable items |
/table | Table with configurable rows and columns |
/code | Code block with syntax highlighting |
/image | Image upload or embed |
/divider | Horizontal divider line |
/callout | Callout block (info, warning, danger) |
/quote | Block quote |
/embed | Embed external content by URL |
/drawio | Draw.io diagram editor |
/toggle | Collapsible toggle block |
Using slash commands
- Place your cursor on an empty line or at the end of a line.
- Type
/. - A dropdown menu appears with all available commands.
- Start typing the command name to filter the list (e.g.,
/tabshows "Table"). - Press
Enteror click the command to insert it. - Some commands prompt for additional input (e.g., table dimensions or image upload).
TIP
You can trigger the slash menu anywhere in the document, not only on empty lines. If text exists before the /, the new block is inserted below the current block.
Klavye kisayollari
Navigation
| Shortcut | Action |
|---|---|
Ctrl+Home / Cmd+Home | Move to beginning of document |
Ctrl+End / Cmd+End | Move to end of document |
Tab | Indent list item or tab in code block |
Shift+Tab | Outdent list item |
Enter | New line or new block |
Shift+Enter | Soft line break within a block |
Backspace on empty block | Delete the block and move up |
Editing
| Shortcut | Action |
|---|---|
Ctrl+Z / Cmd+Z | Undo |
Ctrl+Shift+Z / Cmd+Shift+Z | Redo |
Ctrl+A / Cmd+A | Select all content |
Ctrl+D / Cmd+D | Duplicate current block |
Ctrl+Shift+K / Cmd+Shift+K | Delete current block |
Ctrl+Shift+↑ / Cmd+Shift+↑ | Move block up |
Ctrl+Shift+↓ / Cmd+Shift+↓ | Move block down |
Formatting
| Shortcut | Action |
|---|---|
Ctrl+B / Cmd+B | Bold |
Ctrl+I / Cmd+I | Italic |
Ctrl+U / Cmd+U | Underline |
Ctrl+E / Cmd+E | Inline code |
Ctrl+K / Cmd+K | Insert link |
Ctrl+Shift+H / Cmd+Shift+H | Highlight text |
Yapay zeka yazma yardimi
The editor includes built-in AI tools that help you write, edit, and refine content. Select text and click the AI button in the toolbar, or use the slash command /ai.
Available AI actions
| Action | Description |
|---|---|
| Rephrase | Rewrite the selected text with different wording while keeping the meaning |
| Expand | Add more detail, examples, or explanation to the selected text |
| Simplify | Make the selected text shorter and easier to understand |
| Fix grammar | Correct spelling, grammar, and punctuation |
| Improve writing | Enhance clarity, flow, and readability |
| Summarize | Condense the selected text into a brief summary |
| Change tone | Adjust the tone (professional, casual, friendly, technical) |
| Translate | Translate selected text to another language |
How to use AI tools
- Select the text you want to modify.
- Click the AI button in the floating toolbar.
- Choose an action from the menu.
- The AI generates a suggestion inline, highlighted for review.
- Click Accept to replace the original text, or Discard to keep the original.
TIP
AI actions work best on complete sentences or paragraphs. Selecting partial sentences may produce less useful results.
AI drafting
For new content, use the /ai slash command:
- Type
/aion an empty line. - Describe what you want to write (e.g., "Write a technical spec for the authentication module").
- The AI generates a draft that you can edit, expand, or refine.
Otomatik kaydetme
The editor automatically saves your changes as you type. You never need to manually save a page.
| Behavior | Detail |
|---|---|
| Save frequency | Changes are saved within a few seconds of the last keystroke |
| Save indicator | A subtle status indicator appears in the toolbar showing "Saving..." or "Saved" |
| Offline support | If your connection drops, changes are queued and saved when connectivity returns |
| Conflict handling | If another user edits the same page simultaneously, the editor merges changes or prompts you to resolve conflicts |
| Force save | Press Ctrl+S / Cmd+S to trigger an immediate save |
WARNING
If you close the browser tab before the auto-save completes, recent keystrokes may be lost. Wait for the "Saved" indicator before closing, or press Ctrl+S / Cmd+S to force an immediate save.
Surukle ve birak
Blocks can be reordered by dragging:
- Hover over any block to reveal the drag handle on the left side.
- Click and hold the drag handle.
- Drag the block to a new position.
- Release to drop.
You can also drag images from your desktop directly into the editor to upload and insert them.
En iyi uygulamalar
- Use headings to structure content — headings create a navigable outline and help readers scan the document quickly.
- Prefer slash commands over the toolbar — they are faster and keep your hands on the keyboard.
- Use callouts for important information — callouts with info, warning, or danger styles draw attention to critical points.
- Let AI help with first drafts — use the AI drafting tool to generate an initial structure, then refine manually.
- Review AI suggestions — always read AI-generated text before accepting. Edit for accuracy and tone.
- Break up long pages — if a page grows beyond a few screens, consider splitting it into nested child pages.
Ilgili sayfalar
- Editor Blocks — Detailed reference for every block type
- Manage Pages — Create, organize, and share pages
- Inline Comments — Comment on specific content
- Version History — Track and restore versions
- Keyboard Shortcuts — Full shortcut reference