---
title: "In-place Editing"
date: "2023-07-04T13:22:34+00:00"
summary: "Streamline content updates with in-place editing in the Visual Page Builder. Learn how to edit text, use WYSIWYG tools, and manage input fields directly on your page for a more efficient workflow."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/place-editing"
id: "2998ddb2-cf57-494d-a02f-d104ae38658b"
---

Table of contents will be added

Using In-place Editing
----------------------

In the Visual Page Builder, move your mouse over content on your page and a dashed blue border with an "Editable" label will appear around content that can be edited in place.

Click the content and the In-place Editing mode will be enabled.

WYSIWYG Form Fields
-------------------

Upon entering In-place Editing mode, the CKEditor toolbar will be overlayed above your content, along with a toolbar below containing Apply and Cancel buttons. Type content directly into the page and use the CKEditor toolbar to apply formatting. When you have finished click Apply to exit In-place Editing mode. Alternatively click Cancel to discard your changes.

Important

After exiting In-place Editing mode, your changes will not be saved until you click **Save now** in the top right off the screen.

Input and Plain Text Area Form Fields 
--------------------------------------

Upon entering In-place Editing mode a toolbar containing Apply and Cancel buttons will appear below your content. Type content directly into the page and when you have finished, click Apply to exit In-place Editing mode. Alternatively click Cancel to discard your changes.