WYSIWYG Editor

The “page” or “html” editor that comes with Cosmos is “CKEditor.”

Users find CKEditor easy to use because it offers a seamless WYSIWYG (What You See Is What You Get) experience, allowing them to create and edit content exactly as it will appear when published. Its intuitive interface, complete with drag-and-drop functionality and straightforward formatting tools, makes content creation accessible to users of all technical backgrounds. By providing real-time visual feedback, CKEditor eliminates the guesswork, ensuring that users can produce polished, professional content effortlessly.

Getting Started

Here are two primary ways you can open the editor. First way is to navigate to the page you want to work on, then click the edit button, then choose “Page editor.”

Note: If you do not see “Page editor” option it means the page can only be edited with the code editor.

From the page inventory

From any page on the editor, choose “Menu” then “Pages.”

Then use the page inventory to find the page, and select it.

From the page version list, choose the Live editor button.

Accessing the toolbar

Click on the web page in an editable area (a block on the page encircled with a blue line), and the toolbar will open.

Please note: the arrangement of buttons on the bar is continually being refined, that means the tools bar when it opens may look at first, different than the image below--but the button (and their icons) remain the same.

Click on those dots and the toolbar will open.  The next picture shows what the various buttons on the toolbar do.

Selection Toolbar

A smaller toolbar is accessible when you select content as the screen shot below shows:

Video Demonstration

Publishing a Page

While working on a web page you may notice the toolbar may say “DRAFT (not published)” and next to that a “Publish Now” button.

As you work, the page is not visible on your website because it is saving draft versions of your page.

There are two options for making your web page public.

Publish Now

To make a web page available immediately, click the “Publish Now” button.

This will save the web page right away, make it available immediately, and the “Publish Now” button will become the “Make Draft” button.

Publish in the future

If you want the page to be made available at a future date and time, click the area that says “Draft (not published)” on the toolbar.

This will bring up a calendar widget.

Use this tool to pick the day and the time you want the current page version to go live.

Note: This uses your local time.  If for your example, you are in the Pacific time zone, and you pick 8:30 AM, Cosmos automatically adjusts for global time zones.  So, in this case users in London will see the article at 12:30 AM (or 1:30 AM for daylight savings). 

Enabling CKEditor

CKEditor in Cosmos is designed to edit “blocks” within web pages.