Inline editing means that you are able to edit content in place while browsing the websites. This is can be understood as a kind of WYSIWYG editing technique.

In order to use this function, you must be a login user and this user has rights to modify published content, exactly same as inside the Kooboo CMS backend.

Kooboo inline editing can be used to localize content from partent sites as well. There will be an "Alert" asking user to confirm the localization first before actually perform the localization.

To use Kooboo inline editing is very simple, on the display fields that requires inline editing, you place below code.

this.GetContent("news"): the content object
Body: field name
Editor.HtmlEditor: the editor to use for editing. You can use a date picker or HtmlEditor or others.


Below are some sample screenshot

Step 1, enable inline editing in the content template

Step 2, navigate to the page that use this content template, if you are a login user with necessary editing right, you will be able to see the editing icon when move your mouse over the content.

Step 3, click on "edit body" icon or double click on the content to open the editing screen.


Step 4, Click any place outside the editing area to start the updating.