Directions for use of Annotation extension for JavaSript based WYSIWYG editors


  1. Download and install 4A server (follow the directions in Directions for use of 4A Annotation Server)
  2. Run the server.
  3. Install Drupal 7 with annotation_editor module (from
  4. Configure annotation server address in your Drupal on /admin/config/services/annotation_editor
  5. Observe annotation extension in TinyMCE on any editation page in Your Drupal.

Displaying of extension GUI

  1. To display annotation extension GUI you can click to extension icon on the toolbar of your WYSIWYG editor.
  2. To hide the GUI, you can click to the icon again.

Connecting to the server

  1. Click to Connect button on annotation extension toolbar.
  2. Fill in 4A server address in long format (eg. "http://localhost:8080/Annotations" which is valid for local testing), your login and password.
  3. Click to the Ok button
If external authentication is used (eg. in Drupal), connection is established immediately after clicking to Connect button.

Creation of an simple annotation

  1. Select range of annotated text by mouse.
  2. Click to Annotate button on annotation extension toolbar to display Annotate window (window is not modal, so you can select annotated text or adjust selection later).
  3. Select type of annotation (described later).
  4. Optionally you can fill in textual content of annotation (your note).
  5. Save annotation by Save button on the right bottom corner of the window.

Selecting type of annotation

Structuring of annotations

Templates for attributes

Viewing of annotations

Annotations of whole document


Settings - Section Client

Settings - Section Server

Settings - Section Common

Suggesting of annotations


User Groups


Other features