$page->edit() method

Get front-end editable output for field (requires PageFrontEdit module to be installed)

This method requires the core PageFrontEdit module to be installed. If it is not installed then it returns expected output but it is not front-end editable. This method corresponds to front-end editing Option B. See the front-end editor docs for more details. If the user does not have permission to front-end edit then returned output will not be editable.

Use $page->edit('field_name'); instead of $page->get('field_name'); to automatically return an editable field value when the user is allowed to edit, or a regular field value when not. When field is editable, hovering the value shows a different icon. The user must double-click the area to edit.

The 2nd and 3rd arguments are typically used only if you need to override the default presentation of the editor or provide some kind of action or button to trigger the editor. It might also be useful if the content to edit is not visible by default. It is recommended that you specify boolean true for the $modal argument when using the $markup argument, which makes it open the editor in a modal window, less likely to interfere with your front-end layout.

Available since version 3.0.0. This method is added by a hook in PageFrontEdit and only shown in this class for documentation purposes.

Example

// retrieve editable value if field_name is editable, or just value if not
$value = $page->edit('field_name'); 

Usage

// basic usage
$string = $page->edit();

// usage with all arguments
$string = $page->edit($key = null, $markup = null, $modal = null);

Arguments

NameType(s)Description
key (optional)string, bool, null

Name of field, omit to get editor active status, or boolean true to enable editor.

markup (optional)string, bool, null

Markup user should click on to edit $fieldName (typically omitted).

modal (optional)bool, null

Specify true to force editable region to open a modal window (typically omitted).

Return value

string bool mixed


Hooking $page->edit(…)

You can add your own hook events that are executed either before or after the $page->edit(…) method is executed. Examples of both are included below. A good place for hook code such as this is in your /site/ready.php file.

Hooking before

The 'before' hooks are called immediately before each $page->edit(…) method call is executed. This type of hook is especially useful for modifying arguments before they are sent to the method.

$this->addHookBefore('Page::edit', function(HookEvent $event) {
  // Get the object the event occurred on, if needed
  $page = $event->object;

  // Get values of arguments sent to hook (and optionally modify them)
  $key = $event->arguments(0);
  $markup = $event->arguments(1);
  $modal = $event->arguments(2);

  /* Your code here, perhaps modifying arguments */

  // Populate back arguments (if you have modified them)
  $event->arguments(0, $key);
  $event->arguments(1, $markup);
  $event->arguments(2, $modal);
});

Hooking after

The 'after' hooks are called immediately after each $page->edit(…) method call is executed. This type of hook is especially useful for modifying the value that was returned by the method call.

$this->addHookAfter('Page::edit', function(HookEvent $event) {
  // Get the object the event occurred on, if needed
  $page = $event->object;

  // An 'after' hook can retrieve and/or modify the return value
  $return = $event->return;

  // Get values of arguments sent to hook (if needed)
  $key = $event->arguments(0);
  $markup = $event->arguments(1);
  $modal = $event->arguments(2);

  /* Your code here, perhaps modifying the return value */

  // Populate back return value, if you have modified it
  $event->return = $return;
});

$page methods and properties

API reference based on ProcessWire core version 3.0.185

Twitter updates

  • Great video by @jlahijani that demonstrates his ProcessWire page builder using ProFields Repeater Matrix, the new Page Autosave + Live Preview module and Uikit 3— youtube.com/watch?v=Rb5kiU…
    13 November 2021
  • More development on page automatic save this week, plus the addition of live preview— More
    12 November 2021
  • ProcessWire 3.0.189 core updates— More
    5 November 2021

Latest news

  • ProcessWire Weekly #394
    In the 394th issue of ProcessWire Weekly we'll share the latest ProcessWire news and updates, including some highlights from the support forum, the latest weekly update from Ryan, and more. Read on!
    Weekly.pw / 27 November 2021
  • New Repeater and Repeater Matrix features
    This week we have some very useful new additions to both the core Repeater Fieldtype and the ProFields Repeater Matrix Fieldtype. This post covers all the details along with a couple of brief demonstration videos. 
    Blog / 22 October 2021
  • Subscribe to weekly ProcessWire news

“The end client and designer love the ease at which they can update the website. Training beyond how to log in wasn’t even necessary since ProcessWire’s default interface is straightforward.” —Jonathan Lahijani