Edit fragment HTML/CSS/JS, preview on the target, then merge back into the document.
Extract HTML
Extract CSS
Extract JS
Preview
Live preview of the target document with the fragment and extract CSS/JS applied.
Patch plan
Changes are not applied yet. Review the diff, then apply or cancel.
No warnings for this patch.
Before
After
Selector testerSource
Type a CSS selector to inspect matches in the source/target documents.
Matches: –
ID/Class mapSource + Target
Inspect how IDs and classes are distributed across source and target.
Filter:
Index not built yet.
ID/Class pattern rulesNo rules active
Define how incoming IDs/classes should be transformed before patches are applied.
0 rulesNo known collisions.
Target
Type
Match / prefix
Replace
Enabled
Remove
Patch setsNo patch sets defined
Group fragment selectors into named sets you can reuse across sessions and targets.
Fragments
No fragments in this set yet. Use “Add current fragment” while a fragment is active in the Extract workspace.
Patch historyNo patches applied yet
Timeline of applied patch plans, tied to bundles and fragments for this browser profile.
Automation HubAutomation tools
Manage and run automated patching tasks (search/replace, version bump, macros).
Fragment Macro Editor (Phase 5B)
Edit the script used by "Fragment Macro Runner". It runs with a ctx
object that exposes html, css, js, target, extractHtml and ctx.apply().
Stored in localStorage as td_fragMacroScript.