Skip to main content

Safe HTML

Inserts sanitised HTML without executing free JavaScript or CSS.

Example of the Safe HTML widget in the Sybot Studio demo view

Recommended configuration

  1. Open the HTML editor from the Content section.
  2. Use semantic elements and internal links to Sybot.
  3. Check the result in the Editor, Preview and PDF export.

Configuration options

AreaOptions
ContentControlled HTML; disallowed elements and attributes are automatically removed.
IdentityTitle, Subtitle, heading visibility, type icon and action button.
PresentationStandard, Compact or Dense variant and message to show when no data is available.
AppearanceBackground, background image, border, radius, padding, shadow and typography for different areas.
PositionCoordinates and dimensions in grid cells on the page or container.

Best practices

  • Scripts, event handlers, forms, external URLs, classes and dangerous attributes are removed.
tip

Always verify the widget in Preview, in both light and dark themes, and with an empty data state before publishing the view.