HTML Proof Viewer

  • Updated on Mar 31, 2025
  • Published on Feb 11, 2025
  • 2 minute(s) read
  • DL
  • Migration Team
 Prev Next

How to Configure HTML Proof Viewer

To enable the ability to proof HTML formats, follow the below steps:

  1. Go to Site Configuration → {Module} → Media File Holder.

  2. Find the Media Holder where proofing has already been enabled (see Configuring Online Proofing) and click Edit.

  3. Locate the Show Content of ZIP Files option and ensure the checkbox is selected.

  4. Click OK to apply the changes

An image highlighting the 'Show Content of Zip Files' option

An image highlighting the 'Show Content of Zip Files' option

  1. Then go to Site Configuration → {Module} → Proofing and Comments

  2. Click Edit Settings.

  3. Locate the option Save URL as JSON and ensure the checkbox is ticked.

  4. Click Save to apply the changes.

Important: Before enabling live proof generation for a website using the Save URL as JSON option, an Encodify administrator must first ensure that proxy servers are enabled within your infrastructure.

An image of Proofing and Comment settings highlighting the option 'Save URL as JSON'

An image of Proofing and Comment settings highlighting the option 'Save URL as JSON'

Where to find Online Proofing

The button will be available from the following locations:

  • Spreadsheet Widget – Within the search results and in the action menu for individual items.

  • Module Search View – Within the search results and in the action menu for individual items.

  • Form View – Within the actions toolbar.

Understanding the HTML Proof Viewer

Important: When annotation a live proof from a web URL, we recommend downloading our Chrome web store plugin here. This plugin automatically captures a screenshot of the associated annotation and adds it as a comment attachment. Therefore, enabling comment attachments is also required.

After clicking theicon, you will be taken to the Proof Viewer, where the experience will adapt based on the specific file format. Below is an overview of the behaviour when previewing HTML formats, including HTML (either as HTML file, ZIP or live website URL capture)

An image showcasing the HTML Proof Viewer

An image showcasing the HTML Proof Viewer

The table below provides a quick overview of HTML Proof Viewer:

Action

Visual Guide

  1. Switch between Single View and Compare View

  1. Enable or Disable Sync Navigation.

  1. Hide or Show Annotations

  1. Change the displayed file version to a previous version.

  1. Change Item Status

  1. Change Review Status

  1. Close the Proof Viewer

  1. Collapse the side panel

  1. View Comments panel (available for both previous and current version)

  1. View Insights panel (available for both previous and current version)

  1. View Item Metadata (available for both current version only)

  1. Adjust Comment Sort Order. Options include date added, access right colour and author

  1. Mark a Comment as Resolved

  1. Switch between Annotation Mode and Browse Mode

  1. Adjust the zoom level of the displayed proof.

  1. Zoom in or Zoom out

  1. Use Pan navigation

  1. View the available Annotation Tools. Options include text selection, pencil, arrow, oval, line or rectangle. For live website preview text selection is also available.

  1. Add a new comment

  1. Defines the note access right colour when adding comments

  1. Share with guest users

  1. Export Annotations (Download as TXT)

Known Limitations:

  • Some HTML, ZIP, Web previews can be left-aligned in the item info sheet or proofing;

  • Firefox: MP3 file gets downloaded on exporting annotations of some Zip file;

  • Only first get parameter will be included in url for proofing preview (Example: https://www.domain.com?key1=value1&key2=value2, where key2 will be ignored in proofing).

Note! Proofing zipped HTML requires the Browse ZIP to be activated for the original media holder. Proofing used the same endpoint for getting zip content so it depends on browse zip function.

e1c836055e.png

Related articles