Reading Time - 2 minutes

Getting started with the CMS

Become one with the content

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

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!

John Smith