Edit content inline - directly on the page

Move your mouse over a text element on the page, for example over this text here. You will notice the mouse cursor becomes a "pen" icon. Now click on the text. Text edit controls are shown and you can start changing the content. When you are done, just click outside the highlighted area to save your changes.

You can also replace images in the page with drag & drop. Open Galleries from the toolbar. Select for example Demo: People images from the list of existing galleries. When you place the mouse over any image, you notice the Move to page icon appears. Click there and drag and drop the image to the page. 

Inline editing
Inline editing
Image galleries
Image galleries
Drag & Drop of images
Drag & Drop of images
Form based editing
Form based editing

Inline editing of images and hidden content

Change this image with drag & drop

If you edit text inline, you may notice a row of symbols that is shown to the right hand side of the element being edited. These controls allow you to add optional content, e.g. extra "read more..." links that are not yet enabled, as well as special content that is not well suited for direct inline editing such as images. You will get a small form displayed where you can enter or modify the content.

To add an extra link box to this text, click here and then move your mouse over the plus symbol on the right hand side to add an optional Link to this content element. To edit the image on the right side, click on the pen icon.

Using the form based editor

All content in OpenCms is stored in structured content elements. You can open a form based editor that shows all elements by either clicking the pen icon that is shown on the "edit point" menu that appears on the upper right of an element, or by clicking the pen icon in the toolbar while you edit content inline.

Using either the form based editor or the inline editor is a matter of preference.