Dynamic HTML Debug Output

Overview

The box below showcases how a Dynamic HTML Debug Output content works.

Clicking on the Debug text / Regular text button causes the rendered text to toggle between both modes.

The Dynamic HTML Debug output in action

When the Dynamic HTML Debug feature is implemented in a MadCap Flare project, a Debug text button is displayed on each topic's top right-hand corner in the output.

Clicking this button once reveals the different strings stemming from the selected Single-source and HTML elements and is now displayed as Regular text. In the example, the selected elements are Flare variables and snippets which are rendered in different font colors and enclosed in accented special punctuation marks. A pop up label indicates the element type when hovering over each of them.

Clicking on Regular text button removes the special debug formatting and renders the content as regular text, the way it will appear in the final non-debugging output version.

The following video is an example of how the resulting Dynamic HTML Debug output works.

The article Debug Outputs: Usage Scenarios covers the different applications for debug outputs.