Page Diff

Introduction

Content creation is an iterative process. Authoring with efficiency requires being able to see what has changed from one iteration to another. Viewing one page version and then the other is inefficient and prone to error. An author wants to be able to easily compare the current page side-by-side with another version.

The page diff feature allows for the convenient side-by-side comparison of two pages with their differences highlighted.

NOTE
The user must have the Modify/Create/Delete permission on the node /content/versionhistory to use the feature.
See Developing and Page Diff for more technical details on this feature.

Use

The side-by-side diff can compare:

See the respective topics on how to start the diff within those contexts.

Presentation of Differences

Regardless of the content being compared, the presentation of the diff remains the same.

  • The content selected when you started the diff is displayed on the left (the diff entry point).
  • The compare-to content is displayed on the right (what the selected content is compared against).

For example, if comparing versions, the current version is displayed on the left and the previous version is displayed on the right.

The source of both pages is clearly displayed in the header bar at the top of the browser window.

Versions side-by-side view

The diff detects changes at the component and HTML level. Items that have been changed are highlighted with different colors.

Component Changes

  • Light Green - Component Added
  • Pink - Component Removed

HTML Changes

  • Dark Green - HTML Added
  • Red - HTML Removed
NOTE
When comparing language copies, highlighting is deactivated since in a translation everything changes and highlighting would be of no benefit.

Fullscreen and Exiting

To focus on particular content, you can click the full screen icon for either “side” of the side-by-side diff to enlarge it to the full browser window.

Full screen button

The selected side will fill the entire window, but the bar will remain at the top allowing you to switch between the two pages.

Full screen mode

NOTE
If the browser width cannot accommodate both page names in full screen view, only the name of the page being displayed is shown and the other is available behind ellipsis.

You can also choose to close the full screen view by clicking the exit full screen icon.

Exit full screen mode

You can exit the side-by-side diff at any time by clicking the Close button in the header.

Limitations

There are some situations in which the page diff may not detect a difference as expected.

  • When diffing versions and launches, the diff does not take into account dynamic components such as breadcrumbs, menus, product lists or logos (components that rely on the site structure to render their content).
  • For versions, the diff does not recreate the access control policy and live copy relationships.
  • If a page is moved, you can no longer perform a diff with any versions made before the move.
    • If you experience problems with a diff, check the Timeline for the page to see whether the page has been moved.
NOTE
Versions cannot be compared to each other. Only the current version can be compared with other versions of the page. The current version is always the version that is highlighted with changes.
NOTE
For more details about the operation of the page diff mechanism and limitations which can affect page diff, see developer documentation of this feature.
fbcff2a9-b6fe-4574-b04a-21e75df764ab