OpenCms Documentation

The inline content editor

 Show GitHub edit links  Hide GitHub edit links
In OpenCms since: 8.5 Valid for OpenCms: 11.0.0

Inline editing is a new feature introduced with OpenCms 8.5, which improves the user experience during editing of page contents. Inline editing enables the content editor to change content directly on the page. In particular, the content editor avoids to open the form-based content editor - which of course can still be used.

How to edit content inline?

When the cursor is hovering text which can be edited inline, an edit cursor appears:

Fig. [Open inline editor]: Open the inline editor

Clicking the inline editable field, the text is highlighted and optionally a format toolbar comes up:

Fig. [Inline editor editing]: Editing content with the inline editor

If configured, the inline editor also shows edit points on the content which allow alteration of additional content fields. Via the inline editor's toolbar you can open the form-based content editor to get access to all content fields.

Here is a demo of the inline editor.

Fields supporting inline editing

Inline editing can be enabled for content fields of types OpenCmsString and OpenCmsHtml - these are usually the fields exposing text. For all other content fields, including whole nested content, the inline editor can show edit points at places that are configurable.

Images can be replaced via drag & drop, if configured as described here.

You can improve this page

Please contribute your suggestions or comments regarding this topic on our wiki. For support questions, please use the OpenCms mailing list or go for professional support.