Start a conversation

Ghost Editor Overview

Ghost has a powerful visual editor with familiar formatting options, as well as the ability to seamlessly add dynamic content. Below is an overview of working with the editor in Ghost.

Note: You can access the editor from any published post by adding /edit to the end of any published post URL. 

Ghost Editor

Formatting Text

Select the text to add formatting, headers or create links, or use Markdown shortcuts to do the work for you - if that's your thing.

Contextual Toolbar

The contextual toolbar will appear when text is selected and provides the following formatting options:

  • Bold
    To make bold text, select the text and click the (B) to bold.
  • Italic
    To use italics, select the text and click the (I) to italicize.
  • Heading
    To convert text to a heading, select the text and click on the big or little (H) to create an H1 or H2. Use CTRL+Alt+number to toggle through the different heading sizes, e.g. CTRL+Alt+3.
  • Quote
    To convert text to a quote, select the text and click the (“).
  • Links
    To convert text to a link, select the text and click the link icon. Pasting a URL with text selected will also convert text to a link. Links can be edited or removed by hovering over the text and clicking on the pencil or trash icon.

Rich text editing

The editor can also handle rich media objects, called cards.

You can insert a card either by clicking the  +  button on a new line, or typing  /  on a new line to search for a particular card. This allows you to efficiently insert images, markdown, html and embeds.

For Example:

  • Insert a video from YouTube directly into your content by pasting the URL
  • Create unique content like a button or content opt-in using the HTML card
  • Need to share some code? Embed code blocks directly

Working with images in posts

You can add images to your posts in many ways:

  • Upload from your computer
  • Click and drag an image into the browser
  • Paste directly into the editor from your clipboard
  • Insert using a URL

For help with the various ways an image can be uploaded, please see our guide on Image Uploading.

Once inserted you can blend images beautifully into your content at different sizes and add captions wherever needed.

Ghost Editor Shortcuts

Below is a full list of shortcuts that can be used in the Ghost editor to increase productivity.

Shortcut Key
Ctrl/⌘ + S
Save / Update post
Ctrl/⌘ + C
Ctrl/⌘ + P
Ctrl/⌘ + A
Select All
Toggle heading level 1
Toggle heading level 2
Toggle heading level 3
Toggle heading level 4
Toggle heading level 5
Toggle heading level 6
Cycle through heading levels 2-6
Toggle blockquote
Toggle unordered list
Toggle link
Toggle bold
Toggle italic
Toggle underline
Toggle strikethrough
Toggle code
Insert a <br> or "soft break" to break a line without creating a new paragraph
Open Card menu
Enter / Exit Card “Edit” mode(ie. markdown, html, and code cards)
/image {url}
Insert image by URL
/embed {url}`
Insert embedded content via URL
/unsplash {search term}
View/Insert Unsplash image

If you have any questions about using the editor, drop a message to [email protected] for help!

Choose files or drag and drop files
Was this article helpful?
  1. Sarah Frantz

  2. Posted
  3. Updated