Using the editor
A guide to the TipTap rich text editor used for blog posts and descriptions.
PM One uses TipTap, a rich text editor, for blog posts and long-form descriptions. The editor gives you formatting tools, image uploads, and keyboard shortcuts without needing to write HTML.
What you will learn
- Available formatting options
- How to insert images
- Keyboard shortcuts
Formatting toolbar
The toolbar at the top of the editor includes:
- Text styles - Heading 2, Heading 3, Heading 4, paragraph
- Inline formatting - Bold, italic, underline, strikethrough
- Lists - Bullet list, numbered list
- Links - Insert or edit hyperlinks
- Blockquote - Indent text as a quote
- Code block - Monospaced code formatting
- Horizontal rule - Visual separator between sections
Sticky toolbar
In blog posts, the toolbar sticks to the top of the screen as you scroll, so it is always accessible. In other contexts (like task descriptions), the toolbar scrolls with the content.
Images
Inserting images
Click the image button in the toolbar or paste an image from your clipboard. The editor uploads it in the background and inserts it at your cursor position.
How image storage works
Images pasted or uploaded in the editor go to temporary storage first. When you save the post, the system moves them to permanent storage associated with the post. This means unsaved images are cleaned up automatically.
Keyboard shortcuts
| Action | Shortcut | |--------|----------| | Bold | Ctrl/Cmd + B | | Italic | Ctrl/Cmd + I | | Underline | Ctrl/Cmd + U | | Link | Ctrl/Cmd + K | | Undo | Ctrl/Cmd + Z | | Redo | Ctrl/Cmd + Shift + Z |
Common questions
Q: Can I paste from Google Docs or Word?
Yes. The editor strips out problematic formatting from pasted content while keeping basic structure (headings, bold, lists).
Q: My images disappeared after saving.
This can happen if the save process was interrupted. Re-upload the images and save again.