The Inline Editing mode allows you to edit directly on the page without going to a separate one. By using this mode, you can edit the text in the same location in such an intuitive and convenient manner.
Do the Inline Editing
Turn on the Edit Mode, then hover your cursor over the area you want to edit. The editable area will be highlighted.
Click the area you want to edit.
The Edit area will be displayed with the CKEditor as below. (See more information about CKEditor here.)
Make changes on your selected area.
Click to accept, or to discard changes.
After you have made changes on your content, it is in the Draft state.
Click to publish the content. Now, your edited content is in the Published state.