Getting started with the CMS

Petal Pro now comes with a Content Management System. This comes with an out-of-the-box Blog feature.

Introduction

Now you can create your own Blog posts and be in control of your content with your own server. The main features of the CMS are:

Manage posts via the admin console
Auto-save enabled - so you don't accidentally lose hours of work
Publishing process means that you can edit data in multiple sessions, without affecting live content
Data entry is based on Editor.js - a block editor that provides a means to edit rich content
File browser provides means to upload and select images - making it easy to honour the Content Security Policy
Extensible - the CMS is easy to understand. Modify it for your own means

What can I do with Editor.js?

The previous section demonstrated headings, paragraphs and lists. You can add an image (which can be managed by the file browser):

Out of nowhere

You can highlight parts of your text.

You can add a quote:

Be Water, My Friend. Empty your mind. Be formless, shapeless, like water. You put water into a cup, it becomes the cup. You put water into a bottle, it becomes the bottle. You put it into a teapot, it becomes the teapot. Now water can flow or it can crash. Be water, my friend.

- Bruce Lee

Or even create a table:

One	Cats 🐱	Dogs 🐶
Social Behaviour	Independent; often solitary	Pack animals; thrive on companionship
Trainability	Less trainable; respond to rewards	Highly trainable with consistent effort
Exercise Needs	Low; self-exercise indoors	High; require daily walks and play

Need Help With Your Content Strategy?

Our team of experts can help you create compelling content that drives engagement.

Contact our team →

Extending Editor.js

Editor.js is quite extensible - it has a healthy plug-in eco-system. If there's something the editor doesn't do, then there's probably a plug-in for that. For more on this topic, see Content Editor - adding your own plug-in.

If a plug-in has a quirk or it doesn't have the right behaviour - the only option may be to contribute to that plug-in (either by providing feedback or by contributing code).

Where to from here?

Why not start by heading on over to the admin console. Good luck and happy blogging!

Ready to Start Blogging?

Create your first post now and share your ideas with the world.

Create Your First Post Read Documentation