It's better when it's simple

User Tools

Site Tools


Annotate Plugin

Compatible with DokuWiki

  • 2024-02-06 "Kaos" unknown
  • 2023-04-04 "Jack Jackrum" unknown
  • 2022-07-31 "Igor" unknown
  • 2020-07-29 "Hogfather" yes

plugin Creates configurable annotation boxes that function like tooltips. The boxes open in place on mouseover, beneath the text being annotated, and close out-of-sight on the click of a button or mouseout.

Last updated on


Install the plugin using the Extension Manager or the download URL above, which points to latest version of the plugin. Refer to Plugins on how to install plugins manually.


This plugin creates scrollable information boxes that open when the mouse cursor moves over the text that requires explanation, which is marked like a DokuWiki tooltip, with double dotted underlining, as in “HTML”. The box stays open until the close button is clicked or until the user double clicks inside the box itself, or until another box is opened.

The text for the annotation can be entered directly into the current page or imported from a DokuWiki page. The syntax for these techniques is described below.


The basic syntax


num is a unique two digit number that identifies this annotation pair. The text is what is explained by annotation. In the browser this text will be identified by a double dotted underline. Please note that the mark-up for the text and the markup for the annotation are side-by-side. class_name is the name of a class defined in the css file that can alter the characteristics of the annotation box. See the following section on syntax.

Complete Syntax

1. <anno:10>text</anno><@anno:10>wiki text</@anno>
2. <anno:15>text</anno><@anno:15>{{ns:page}}</@anno>
3. <anno:20>text</anno><@anno:20><top>ns:page</top>wiki text<bottom>ns:page</bottom></@anno>
4. <anno:25>text</anno><@anno:25>wiki text<bottom>ns:page</bottom></@anno>
5. <anno:30>text</anno><@anno:35><top>ns:page</top>wiki text</@anno>
6. <anno:30>text</anno><@anno:[40;;classname]><top>ns:page</top>wiki text<bottom>ns:page</bottom></@anno> (top and bottom are discretionary)

  • text: text to be annotated
  • wiki text: the annotation entered directly into the current page
  • ns:page: wiki page (namespace:page) to be loaded into the annotation from a file in the wiki
  • top: marks off a header which will be loaded into the annotation from the specified wiki page
  • bottom marks off a footer which will be loaded into the annotation from the specified wiki page
  1. In this form, the entire annotation will consist of the wiki text
  2. In this form the entire annotation will consist of the page loaded into the annotation field from ns:page
  3. In this form the wiki text will be preceded by a header and followed by a footer
  4. In this form the annotation will consist of the wiki text followed by a footer
  5. In this form the annotation will consist of a header and the wiki text
  6. In this form,there is the opportunity to use a predefined class or to create user-defined annotation classes for your containers. There are six pre-defined classes:
    1. annotation: the default container, 120px deep; this is the class used when no other class is specified (i.e. when not using format number 6)
    2. anno_deep : 160px deep
    3. anno_narrow 120px deep
    4. annotation_r
    5. anno_narrow_r
    6. anno_deep_r

All of the predefined classes are 620px wide. The _r classes have the same dimensions as their namesakes but have rounded corners. These classes can be changed or your own classes can be defined.

The annotation blocks will have scrollbars if the content exceeds the dimensions of the block. However, in the case of blocks with rounded corners, the rounded corners will be squared off for the scrollbars.

What can and cannot be included in the annotations

Most DokuWiki syntax can be included in the annotations with the exception of block level elements. The latter includes code blocks, file blocks, geshi code blocks, and code snippets. When these are included, they end up outside the annotation block.

The annotations can include images, links, tables, ordered and unordered lists, headlines, and typographic markup, such as bold, italic, superscript, etc.

While tables, lists and headlines are block level elements, the plugin re-configures them for inclusion in the annotation field. This means that for these forms, there might be some differences from the styles of your template.


Lists should be prefaced by [List] and ended with [tsiL]:

    * item one
    * item two
    * etc. . .

Newlines and Paragraphs

Leaving a blank line between lines does not automatically insert a newline. To sart a new line or paragraph, you must use the dokuwiki double backslash. So this:

 line 1
 line 2

will give you this

line 1 line2

To start line 2 on a new line, you must use instead:

line 1\\ line 2

To make line 2 the start of a new paragraph, you must use this:

line 1\\
line 2


Change Log


Bugs and Issues

Use the DokuWiki forum or annotate's issues on github (see the Report Bugs link above).

plugin/annotate.txt · Last modified: 2020-07-26 06:19 by turnermm

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki