Skip to content

Front edit improvement #1064

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
nep wants to merge 4 commits into
base: 7.dev
Choose a base branch
from
Open

Front edit improvement #1064

Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
2043b2c
Update frontend.md
nep Sep 18, 2025
cb1385d
Update template-manager.md
nep Sep 18, 2025
a8313fe
Merge pull request #4 from nep/patch-34
nep Sep 18, 2025
5360551
Update frontend.md
nep Sep 18, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Update frontend.md 
I was wrong about live preview editing
  • Loading branch information
@nep
nep authored Sep 18, 2025
commit 536055183c06c98b629995feac2954bc5a06601f
5 changes: 3 additions & 2 deletions docs/advanced-usage/front-end/frontend.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,9 @@
[TOC]

## Overview
For any user logged in with a sufficient level of access permissions, ExpressionEngine Pro adds "front edit" links ( <img style="margin-bottom: 0px; vertical-align: middle; display:inline-block;" src="../../_images/pro_edit.png" alt="pro edit icon"> ) that allow editing an entry's data field by field. When enabled, editing (with live preview!) can be done directly on front-end without needing to go to the Control Panel.
For any user logged in with a sufficient level of access permissions, ExpressionEngine Pro adds "front edit" links ( <img style="margin-bottom: 0px; vertical-align: middle; display:inline-block;" src="../../_images/pro_edit.png" alt="pro edit icon"> ) that allow editing an entry's data field by field. When enabled, editing can be done directly on front-end without needing to go to the Control Panel.

Clicking the link icon opens a popup for that specific field so that its content can be modified and saved. The user can also switch to a full entry interface for editing with live preview functionality that shows the changes dynamically affecting the page they are currently on.
Clicking the link icon opens a popup for that specific field so that its content can be modified and saved. The user can also switch to editing with the full entry interface (with live preview functionality if it has been set up for that channel).

![edit popup](_images/ee-pro-window.png)

Expand Down Expand Up @@ -55,6 +55,7 @@ $config['autosave_prune_hours'] = '6';
## Enable/Disable the Front Edit Links

There are multiple ways to enable or disable front-end editing links:

- Globally with [configuration overrides](/general/system-configuration-overrides.md#enable_frontedit_links)
- In the [Front-End Editing Settings](/control-panel/settings/front-end-editing.md#enable-automatic-front-end-editing-links) where you control the Dock overall.
- Per field in the [field settings](control-panel/field-manager/edit-field.md)
Expand Down