PlaneMail
PlaneMail Docs

Creating Posts: Master the Notion-Style Editor

Learn to create compelling content with PlaneMail's advanced Notion-style editor. Master slash commands, keyboard shortcuts, image uploads, and content blocks to create engaging posts for both email campaigns and web publishing.

Notion-Style Editor Overview

Rich Text Editor
PlaneMail's editor is designed to feel familiar and powerful, similar to Notion and other modern writing tools.

Key Features

  • Slash Commands - Type "/" to quickly insert blocks and formatting
  • Block Indicators - Visual cues to help navigate and edit content
  • Drag & Drop - Easily rearrange content blocks
  • Auto-save - Your work is automatically saved as you type
  • Live Preview - See how your content will look in real-time
  • Keyboard Shortcuts - Speed up your workflow with hotkeys

💡 Pro Tip

Start by typing your content naturally, then use slash commands to enhance formatting and add elements.

Slash Commands

Quick Actions with "/"

Text Formatting

/h1Large heading
/h2Medium heading
/h3Small heading
/pParagraph
/quoteBlockquote
/codeCode block
/hrHorizontal rule

Lists and Structure

/ulBullet list
/olNumbered list
/todoTask list
/tableTable
/calloutCallout box

Media and Links

/imageInsert image
/linkInsert link
/videoEmbed video
/embedEmbed content

Keyboard Shortcuts

Speed Up Your Workflow
Use these keyboard shortcuts to format text and navigate the editor quickly.

Text Formatting

Bold⌘ + B
Italic⌘ + I
Underline⌘ + U
Strikethrough⌘ + Shift + S
Code⌘ + E
Link⌘ + K
Highlight⌘ + Shift + H

Document Actions

Save⌘ + S
Undo⌘ + Z
Redo⌘ + Shift + Z
Select All⌘ + A

Images and Media

Adding Visual Content

Image Upload Methods

  • Drag & Drop - Simply drag image files into the editor
  • Slash Command - Type "/image" and select from computer
  • Copy & Paste - Paste images directly from clipboard
  • URL Import - Insert images from web URLs

Supported Formats

JPGPNGGIFWebPSVG

Image Options

  • Resize and crop images
  • Add alt text for accessibility
  • Set image alignment (left, center, right)
  • Add captions and descriptions
  • Link images to URLs

📸 Best Practices

  • • Use high-quality images (at least 1200px wide for headers)
  • • Optimize file sizes to improve loading speed
  • • Always add descriptive alt text for accessibility
  • • Consider your audience when using images in emails

Content Blocks

Text Blocks
  • Headings - H1, H2, H3 for structure
  • Paragraphs - Regular body text
  • Quotes - Highlighted quotations
  • Callouts - Important notices
  • Code Blocks - Formatted code snippets
List Blocks
  • Bullet Lists - Unordered lists
  • Numbered Lists - Ordered sequences
  • Task Lists - Checkable todo items
  • Definition Lists - Term and definition pairs
Media Blocks
  • Images - Photos and graphics
  • Videos - Embedded video content
  • Files - Downloadable attachments
  • Embeds - Social media and web content
Structure Blocks
  • Tables - Structured data presentation
  • Columns - Multi-column layouts
  • Dividers - Section separators
  • Spacers - Custom spacing control

Auto-save and Drafts

Never Lose Your Work

Automatic Saving

  • Content is saved automatically every few seconds
  • Visual indicator shows save status
  • No risk of losing work due to browser crashes
  • All changes are instantly backed up

Draft Management

  • Save posts as drafts for later editing
  • Access all drafts from your dashboard
  • Share draft links with team members
  • Version history for tracking changes

💾 Save Status Indicators

  • • Saving... - Content is being saved
  • • Saved - All changes are saved
  • • Draft - Post is saved but not published
  • • Error - Save failed, please try again

Content Creation Best Practices

✍️ Writing Tips
  • • Start with a compelling headline
  • • Write a clear, engaging introduction
  • • Use subheadings to break up content
  • • Keep paragraphs short and scannable
  • • End with a clear call-to-action
🎨 Design Tips
  • • Use consistent formatting throughout
  • • Include relevant images and media
  • • Balance text with white space
  • • Test how content looks on mobile
  • • Use highlights and callouts strategically
📧 Email Optimization
  • • Keep subject lines under 50 characters
  • • Front-load important information
  • • Use alt text for all images
  • • Include a text version of links
  • • Test across different email clients
🌐 Web Publishing
  • • Optimize for search engines (SEO)
  • • Use descriptive URLs and meta tags
  • • Include social sharing buttons
  • • Ensure fast loading times
  • • Make content mobile-friendly

Ready to Create Amazing Content?

Now that you know the editor features, start creating your first post or explore more advanced topics.

Create New PostLearn Email Marketing