Elegant CMS

Creating Posts

Elegant gives you complete control over your content creation experience with an included content editor for creating and editing documents.

The content editor is where you will write content, add images, and links, and even embed YouTube videos.

Writing Content

You can write content in the Elegant content editor like any other rich text editor. The content editor also supports some markdown syntax, for example, typing ## when starting a new line will transform it into an H2 heading.

Any text that you write inside the content editor can be modified and styled using the advanced editor menus.

Editor Menus

There are two main menus used while editing content. The selection menu and the floating menu.

The selection menu appears whenever you select content within the editor. It helps you turn the current selected word or node into other elements. You can easily add bold, italics, links, etc…

The floating menu appears on every new line. It allows you to create headings, and add images, code blocks, and quotes.

Styling Text

Adding Styling to your documents allows you to further customize the design and feel of your Elegant website, and take your content to the next level.

You can control the following styling and formatting of your text:


Adding bold text to draw attention to certain words or phrases within your documents. Learn more.


Italicized styling can be used to convey a particular emphasis or tone in writing. Learn more.


Add block quotes to your text to quote others, make notes to users, or set off a block of text. Learn more.

Adding Images

You can add images to your documents by clicking the image button on the menu.

Images are uploaded to your /public/images folder. Elegant fetches the images directly from GitHub so they can be viewed instantly in the editor, even if your website hasn’t finished deploying.

You can add URL links to your documents by simply selecting a block of text, typing in the URL link to an internal or external webpage, and then clicking done.

Adding Headings

You can add H1 and H2 heading elements to your document by selecting a block of text and clicking either of the heading buttons.