Find & Replace: Text, Emails, & Dates

Find and replace functionality streamlines content updates across Supademo, enabling you to efficiently modify text or images across multiple slides without manual editing. This feature ensures consistency, saves time, and reduces errors during demo maintenance.

While find and replace will work across every slide within a Supademo, it will only apply to common nodes/elements in subsequent slides that are ALSO present on the page you are editing from. For instance:

• If you attempt to replace 11 occurrences of the text "Jared Smith" to "Rachel Kim" that exist on the first slide, it will replace those 11 occurrences in subsequent slides, as long as these elements/text exist

• If a new instance of "Jared Smith" appears in a latter slide through a new element (that does not exist on the first slide), this occurrence of the text will not be updated

As such, we recommend running Find and replace across every page for full accuracy and confirmation.

Find and replace text

Find and replace all slides for matching strings, using case-sensitive, non-case-sensitive, or exact match searches. The system preserves formatting, hyperlinks, and interactive elements while modifying only text nodes in the DOM.

Find and replace images

Users can also bulk-replace occurrences of specific images by selecting a visual element and uploading a replace image file. Supademo will automatically update all instances while maintaining aspect ratios and responsive layouts.

The find and replace image feature is coming soon.

---

Bulk anonymize emails

If you're creating interactive demos with PII data or information you'd like to anonymize with synthetic/fake data, you can easily do so with the email anonymizer.

With this feature, you can easily anonymize all emails in one click, choose specific emails/content to anonymize, or specify specific email domains you'd like to use for your synthetic data.

Click through the short interactive tutorial below to learn how to use this feature:

---

Keep dates current

This feature automatically identifies and updates dates throughout your HTML demos to maintain relevance and authenticity. Whether you're showcasing dashboards, reports, or time-sensitive content, this feature ensures your demonstrations always appear current and realistic.

Key Features

- Smart Date Detection: Automatically finds dates in multiple formats

- Intelligent Mapping: Preserves the natural spacing and sequence between dates while moving them to your target timeframe

- Flexible Range Options: Choose between a rolling 60-day window or set custom start/end dates

- Visual Highlighting: See exactly which dates are being updated with precise yellow highlighting