EnglishDeutschFrançais

Easy Integration, Flexible Customization and Deployment

Save time and money through straight-forward configuration and integration using an comprehensive API and samples. Please click on the links for more information.

 

Configuration
Integration
Customization
  • Possibility to add custom drop-down boxes to the user interface
  • Create custom actions and dialogs 
  • Implement custom actions in Java or JavaScript
  • Override any default editor action with your own custom implementation
  • Map custom actions to document elements using CSS
  • Build clean-up and filter processes
  • Deploy advanced server-side clean-up processes
Cross-platform deployment

 



(click on image to enlarge)

XML based definition of editor appearance, editor actions, pull down menus, toolbar icons, keyboard shortcuts and context-sensitive menus

RealObjects edit-on Pro allows customization of the entire user interface including:

  • Editor size and color
  • Pull down menus
  • Context-sensitive menus
  • Key board shortcuts for all editor actions
  • Enable/disable toolbar buttons
  • Tool-tips
  • Language (English, German, French and Spanish is already included)
  • Tab panel and status bar placement
  • Enable/disable "Source View"

Customization can be conveniently done through two clearly structured XML configuration files, uiconfig.xml and config.xml.

The editor allows to group icons and menus using separators, change the toolbar order and replace the standard icons by your own icons with different sizes and styles. With these flexible options you can enforce corporate design standards of the editor appearance and guarantee seamless integration into your application.

It is also possible to include custom toolbar buttons and custom dialogs which, for example, enable the interaction with server side applications such as databases, image repositories, etc.


For more information see also the Customization page.

 

Personalization

The comprehensive API allows personalization of edit-on Pro's functionality per user or per group, i.e. a "super user" might see or use all toolbar editing functions edit-on Pro offers while a limited user or user group is only able to use bold, italic and underline text functions.

Such personalization of the editor's UI will be achieved through different XML configuration files initialized by the superior Content Management, Knowledge Management, e-Learning or other web-based application in which edit-on Pro is embedded. 

 

Swing based UI with pluggable look and feel, including two icon sets

Because of the Swing based UI, users always have the familiar look and feel they are most familiar with at their disposition. The editor also comes with a classic and modern icon set, which can be activated by the integrator using a parameter.

Classic icon set:




(click on image to enlarge)

Modern icon set:




(click on image to enlarge)

 

Choose tab panel and status bar placement

Through a parameter the integrator can specify whether the tab panel and status bar shall be placed at the bottom or top of the editor's canvas.




(click on image to enlarge)

 

Compatibility with Prototype JavaScript Library for seamless integration with AJAX technology

According to Prototype (see also www.prototypejs.org) "Prototype is a JavaScript Framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere."

RealObjects edit-on Pro supports Prototype, which allows a seamless integration with the very popular AJAX technology. In combination with the Dynamic hiding and resizing of the editor using the JavaScript API special effects as shown in the CMS VersioTrack Demo can be achieved.

 

Powerful JavaScript API

One of edit-on Pro's strengths is the powerful JavaScript developer API, which lets you determine how edit-on Pro manages content and the user experience. It gives you the ability to adopt the editor to your unique environment. A main advantage of edit-on Pro's JavaScript API is the common integration method working on all officially supported browsers and client operating systems, thus reducing integration work and costs to a minimum

Here are some of the things that you can control using the API:


Editor's preferences for an individual editing

  • Enable/disable the applet's caching mechanism.
  • The applet can be loaded using one of four default user interface languages.
  • Load additional Java archives used to add custom Java dialogs to the applet.
  • Preset a special "New Document" dialog preventing the user from loosing temporary editor contents.
  • Set the background color of the editor's startup screen.
  • Set the image base, the URL from which all images will be referenced using relative paths.
  • Set a custom look and feel for the editor's UI to adapt the style of common operating. systems, such as Windows, Mac etc.
  • Enable/disable the applet's XHTML source view tab, e.g. to prevent modifying default templates.
  • Customize all lingual expressions for the complete user interface.

Importing options

  • Import HTML documents into the editor.
  • Import HTML content fragments into a previously loaded document.
  • Import HTML documents from an external URL.
  • Import CSS style sheet definitions.
  • Import a CSS style sheet (from an URL), which will be applied in the WYSIWYG view.
  • Preset a default XHTML string (template), which will be loaded whenever the user creates a "New Document".
  • Set the default template by loading it from a URL.
  • Display the editor's WYSIWYG area only, e.g. for replacing a HTML  that enables rich text editing comfort instead of plain.

Actions available during run-time

  • Import HTML documents into the editor.
  • Import documents from an external URL.
  • Load CSS fragments during run-time.
  • Clean all CSS styles defined by the user, e.g. to prevent CSS changes for steady company style sheets.
  • Insert a custom XML tag as predefined within a custom DTD during run-time.
  • Insert an image via JavaScript.
  • Insert HTML content at the current cursor position.
  • Insert external content from another URL at the current cursor position.
  • Change the content of the XHTML element wherein the cursor is currently located.
  • Return an XHTML element (or its content) that surrounds the current cursor position.
  • Preset the focus on the editor as it is part of e.g. a HTML form.
  • Retrieve the HTML value of current content selection in the editor.

Check editor's settings during run-time

  • Retrieve the property which decides whether the source view mode is activated.
  • Return a Boolean value on whether there have been changes on the document since it was loaded.
  • Return the value of current user interface language.
  • Set or retrieve the content of the editing document's element (including CSS/JavaScript/Meta Data/Document Title).
  • Retrieve the value of the applet's encoding settings.
  • Request the URL of pages which should be loaded in case a document wasn't found (404).
  • Open the "Insert Image Dialog" using JavaScript in order to retrieve a Boolean value if the insertion was successful. This value can be passed to an external JavaScript function for e.g. activate an automatic image upload to the servers repository.

Options for exporting contents

  • Retrieve the editors content as plain text without any formatting.
  • Automatically post the XHTML content using HTTP direct connection. Optionally an additional custom field could be posted together with the editor's content.
  • Encode/decode text contents to common encodings (UTF8, USASCII etc.) or HTML.
  • Pre-define the encoding the editor's content should have (also when exporting).
  • Export special characters as numerical HTML entities.

 

Dynamic hiding and resizing of editor using the JavaScript API, e.g. hide editor during loading, special effects using AJAX technology

The Compatibility with Prototype JavaScript Library together with the dynamic hiding, fading and resizing of the editor using the JavaScript API allows you to achieve special effects as shown in the CMS VersioTrack Demo.

 

Alternative HTTP direct connection API

Due to security considerations some customers might prefer not to use JavaScript within their application or IT infrastructure. Therefore edit-on Pro offers a direct HTTP connection API to be used to interface with the editor instead of the JavaScript API.

 


Enhanced WebDAV protocol support

WebDAV stands for "Web-based Distributed Authoring and Versioning". It is a set of extensions to the HTTP protocol allowing users to interact with content repositories on remote web servers. edit-on Pro supports WebDAV to streamline the process of users for browsing images and uploading them to an image repository on a web server running the application edit-on Pro is embedded in.

For example users can "copy and paste" or "drag and drop" images from any source (also local hard drives) to the editor. They can even draw graphics (e.g. using MS Word) and paste or drop them into the editor.

When saving the document, users will have the possibility to rename each image file, multimedia object or even the document itself and sort them into the determined WebDAV server directories while the file path will automatically be converted from the original source to the WebDAV server during the upload process, see e.g automatic image upload. The user can also browse and insert links from a WebDAV repository.

 

Support of all server-side scripting languages like PHP, JSP, ASP, ASP.NET, Perl, Python etc.

To make the integration into your Content Management, Knowledge Management, e-Learning or other web-based system as easy and as flexible as possible, edit-on Pro supports all server-side scripting languages like PHP, JSP, ASP, ASP.NET, Perl, Python etc. This significantly reduces integration costs and time.

 

Samples illustrate various integration scenarios

The edit-on Pro installation/trial package comes with various samples demonstrating the functionality and integration.

 

Comprehensive integration manual

RealObjects edit-on Pro comes with a comprehensive integration Manual in PDF format and HTML format.

 

Possibility to add custom drop-down boxes to the user interface

RealObjects edit-on Pro allows you to integrate customized drop-downs, which can be defined through the editor's UI configuration file.

 

Windows, Linux, Solaris, Mac OS X

RealObjects edit-on Pro supports cross-platform content authoring on the widest range of client platform technologies. Currently the officially supported client operating systems include:

  • Microsoft Windows 2000 
  • Microsoft Windows XP 
  • Linux 2.x 
  • Sun Solaris 8/9/10 
  • Mac OS X 10.4

 

IE, Mozilla, Firefox, Netscape, Safari

RealObjects edit-on Pro supports cross-platform content authoring on the widest range of browser technologies. Currently the officially supported browsers include:

  • Microsoft Internet Explorer 6 
  • Firefox 1.0
  • Firefox 1.5
  • Mozilla 1.7
  • SeaMonkey
  • Netscape 8
  • Apple Safari 2.0
  • Opera 8.5

 

Common integration on all supported platforms

By using the comprehensive JavaScript API edit-on Pro can easily be integrated into any web-based application. Main advantage of the JavaScript API is the common integration method working on all officially supported browsers and client operating systems, thus reducing integration work and costs to a minimum.

 

Support for common dynamic web application servers

edit-on Pro supports all common dynamic web application servers, such as Microsoft IIS, Macromedia/Allaire ColdFusion, J2EE-based servers including BEA WebLogic, IBM WebSphere, Sun iPlanet, JBoss, Apache, ZOPE, Lotus Notes/Domino etc.

Copyright © 2000-2008 RealObjects GmbH