Start page / Template development / Content Highlighting and EasyEdit

Highlighting elements (Content Highlighting, EasyEdit, LiveEdit)

Content Highlighting - Highlighting elements in SiteArchitect

ContentHighlighting Synchronisation

Content Highlighting in SiteArchitect

In order to make working with editorial content as easy and transparent as possible for the editor, FirstSpirit provides a “Content Highlighting” function. This functionality links editorial maintenance in FirstSpirit SiteArchitect with the version in the preview by automatically retrieving content and highlighting it for editing. Content Highlighting works bi-directionally.

From the workspace (form) to the integrated preview:

A project can be configured by the template developer so that the associated content in the integrated SiteArchitect preview (3rd column on the screen) is opened and highlighted in color automatically with one click on an input component in the workspace (middle column on the screen). A link between maintaining content and its output on the website is created by highlighting the content in the preview. This makes it clear to the editor how and where editorial changes to content in SiteArchitect affect the website.

From the integrated preview to the editorial workspace (form):

Content Highlighting can also be used from the integrated preview: if the editor clicks on an element in the integrated preview, such as a text passage or an image, the corresponding section is opened in the tree structure and the workspace and the associated input component is highlighted in color. This makes searching for and navigating to specific content in SiteArchitect and changing between SiteArchitect and the preview in the web browser obsolete. Text and images can be found and modified quickly and easily.

Important “Content Highlighting” functionality is supported in FirstSpirit SiteArchitect only in the integrated preview.

It is not available in the preview either
- in an external browser(e.g. Google Chrome) or
- in a separate SiteArchitect window (see AppCenter / Integrated preview (→Documentation FirstSpirit SiteArchitect))!

EasyEdit, InEdit and LiveEdit - Highlighting and editing elements in ContentCreator


EasyEdit in ContentCreator

Template adaptations needed for using Content Highlighting functionality (see Use in a project) are always effective in ContentCreator as well and are used for editorial work on content there. Similar to SiteArchitect, the content in ContentCreator is also highlighted in color and surrounded by a frame. The navigation option of easily locating content from the preview in the workspace or vice versa is not present here, since the editor will already be moving within the page preview at this point and can also edit content there. In contrast to SiteArchitect, control elements are shown inside the frame for this. They make it possible for the editor to edit the content surrounded by the frame directly (EasyEdit functionality).


InEdit in ContentCreator

Individual content can be edited within the EasyEdit editing option as well by using InEdit functionality. This function enables modifications to content without having to open a form beforehand. A small pencil symbol on the mouse pointer shows the editor whether the value underneath the pointer can be edited via InEdit. The editor can start InEdit mode simply by clicking at the desired spot in the preview (using Ctrl + click).

(“EasyEdit” and “InEdit” function in ContentCreator - for more information refer to Manual for editors (ContentCreator) (

LiveEdit Modus

Another display and editing mode is the so-called LiveEdit. Please see also page LiveEdit.

Important If the automatic application of the “Content Highlighting” function in ContentCreator is not desired, this has to be taken into account during template development and “Content Highlighting” in ContentCreator has to be suppressed (see Use in a project).

© 2005 - 2024 Crownpeak Technology GmbH | All rights reserved. | FirstSpirit 2024.5 | Data privacy