STYLES EXEMPLE
Proin at pharetra enim, quis sagittis eros. Nulla placerat ultrices arcu a iaculis. Mauris dolor orci, vehicula quis efficitur quis, venenatis in ex. Integer est neque, volutpat id pellentesque vitae, tempor vel est.
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 toolbar allows 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.
Using Markdown
The editor will automatically parse Markdown typed in directly.
Headings
When creating a header, add a #
before your header.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Links
If you paste in a URL, like https://ghost.org, it'll be linked automatically.
Quoting
Ghost is a fully open source, adaptable platform for building and running a modern online publication.
Bookmarks
With the Bookmark card, you can present links in a much richer format.
Images
You can upload images using the Image card.
Gallery
Ghost supports image galleries for up to 9 images at a time.
Highlighting
Highlighting text helps bring attention to important information.
List Types
Unordered List
- Item number one
- Item number two
- A nested item
- A nested item
- A final item
Ordered List
- Item number one
- Item number two
- A nested item
- A nested item
- A final item
Responsive Tables
A responsive table will display a horizontal scroll bar if the screen is too small.
# | Heading | Heading | Heading | Heading | Heading |
---|---|---|---|---|---|
1 | Cell | Cell | Cell | Cell | Cell |
2 | Cell | Cell | Cell | Cell | Cell |
3 | Cell | Cell | Cell | Cell | Cell |
Footnotes
Footnotes can be added like this: [^1]
or [^note]
.
Code
Code can be presented inline, like <code>
.
.awesome-thing {
display: block;
width: 100%;
}
Bookmark

Video
CallOut
Images










Gallery
Comments