Discover a range of exciting features with the edit-on Pro online demos

CMS VersioTrack Demo Page
Within this demo we used edit-on Pro to set up a very simple web-based system that allows you to create and edit new documents. In addition, the demo showcases the VersioTrack add-on, which enables content contributors and reviewers to reliably identify and visualize differences between document versions and track content changes in real-time in a content creation workflow. It provides a very user friendly way to accept and reject changes on a finely grained basis.

Dynamic DOM Modification Sample
This sample demonstrates an intuitive, context-oriented way of editing content directly on a web page using dynamic DOM modification. After a left mouse click the editing options for the selected fragment will be displayed, enabling the user to seamlessly and quickly edit the entire (X)HTML page. Only one edit-on Pro instance is used to modify the browser's DOM, thus experiencing almost no delay when saving or loading the fragment's content. The interaction with the CMS or web-based applications itself runs in the background and has to be implemented by the integrator using xmlHTTPRequests.

General API Sample
This page demonstrates selected functions of the edit-on Pro JavaScript API. However, the complete API functionality is decribed in the comprehensive integration manual, which comes with each trial or installation package. The demo also allows you to change the editor's look and feel.

Custom DTD Sample
This page demonstrates the use of a Custom DTD in order to define Custom Tags.

Custom Dialog Sample
This page demonstrates the Custom Dialog API by overwriting the default "Insert Hyperlink" dialog with a custom dialog, and by integrating a custom "Insert Symbol" dialog based on a custom action.

HTML Forms Sample
This page demonstrates the use of Cascading Style Sheets together with the Custom tag feature of edit-on Pro to create a HTML form layout.

Editable Elements Sample
This Page demonstrates how to configure the editor to only allow editing within custom Editable Elements using a Custom DTD. 

Multiple Editor Instances Sample
This page demonstrates the integration of several edit-on Pro applets interfacing with the JavaScript API.

Localization Sample
This page demonstrates how to localize the user interface of edit-on Pro using one of four available locale settings.