Ghost has a powerful visual editor with familiar formatting options, as well as the ability to seamlessly add dynamic content.

Under the hood the editor delivers power and flexibility, with the ability to quickly add content such as images, galleries, videos, embeds and code!


Using the editor

Rich editing at your fingertips. Using the contextual toolbarallows you to efficiently format your text, add links and insert rich media.

Using the dynamic menu

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 insertimages, markdown, html, galleries and embeds.

Using Markdown

The editor will automatically parse Markdown typed in directly. Alternatively, insert a Markdown card to access all of the same features of previous versions of the Ghost editor inside a single card.


Headings

When creating a header, all you need to do is add a # before your header or use the contextual toolbar. You can keep adding up to six # in a row to make the headers smaller.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

 

If you paste in a URL, like https://ghost.org- it'll automatically be linked up. But if you want to customise your anchor text, you can do that too! Here's a link to the Ghost website.

 

Quoting

If you want to add a quote, you just need to add a >to the beginning of the line or use the contextual toolbar, and it will put it into the quote format.

Ghost is a fully open source, adaptable platform for building and running a modern online publication. We power blogs, magazines and journalists from Zappos to Sky News.

 

Bookmarks

With the Bookmark card you can present links in a much richer format, similar to Twitter cards. If the URL points to a page with right meta information it can show the page title, excerpt, author, publisher and even a preview image.

fueko
At fueko you can find the best premium Ghost themes that are easy-to-use, without compromising the design and code quality. Each theme can be easily modified to fit any blog, magazine or news site.

 

Images

You can upload images using the Image card. Once inserted you can blend images beautifully into your content at different sizes (normal, full, and wide) and add captions wherever needed.

 

Ghost supports image galleries for up to 9 images at a time, all of which are responsively optimised and organised to look their best no matter how many images you add or remove.

 

Highlighting

Highlighting text on a web page can help bring important information immediately to the reader's attention. When creating a highlighting text, all you need to do is add a == before and after your text in Markdown card.

 

List Types

Unordered list

  • Item number one
  • Item number two
    • A nested item
    • A nested item
  • A final item

Ordered list

  1. Item number one
  2. Item number two
    1. A nested item
    2. A nested item
  3. A final item

 

Responsive Tables

A responsive table will display a horizontal scroll bar if the screen is too small to display the full content.

# Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell
2 Cell Cell Cell Cell Cell
3 Cell Cell Cell Cell Cell

 

Video

 

Working with Code

Code can be presented inline, like <code>. When creating a code text, all you need to do is add a ` before and  after your text. In the editor ``` (three backticks) defines a code block.

.awesome-thing {
    display: block;
    width: 100%;
}