Different Selection Renderers

This example demonstrates how to use different selection renderers for active annotations in a text annotation tool. The default renderer highlights the selected text, while the underline renderer adds an underline to the selected text.

Examples used:

• 1 character selection with default highlight renderer
• 1 character selection with underline renderer
• 3 character selection with default highlight renderer
• 3 character selection with underline renderer

To play with the example, all edit and create functionalities are enabled. You can create new annotations by selecting text and dragging to adjust the selection.

Example

Default display renderer (highlight)

Underline display renderer