HubL Code Formatter door StudioNope
Format HubL, HTML, CSS & JavaScript in HubSpot Design Manager with one click. Clean, readable code instantly.
Sommige functies kunnen betaling vereisenSommige functies kunnen betaling vereisen
Metagegevens van extensie
Schermafbeeldingen
Over deze extensie
HubL Code Formatter cleans up messy code in HubSpot Design Manager with a single keyboard shortcut.
WHAT IT DOES
- Select your code, press Shift+Tab, and get perfectly formatted HubL, HTML, CSS, or JavaScript. No copy-pasting into external tools. No manual fixes.
- Rainbow indentation adds color-coded guides to nested code, making complex DND structures and deeply nested templates easier to read.
- Tag matching highlights the corresponding opening or closing tag when you click on any HubL block or HTML element. Works with if/endif, for/endfor, dnd_area/end_dnd_area, div, section — everything.
FEATURES
- Format HubL, HTML, CSS, and JavaScript
- Rainbow indentation guides
- Tag matching for all HubL blocks and HTML tags
- Customizable indent width (2-8 spaces)
- Adjustable max line length
- Smart spacing for DND modules
- Multiple keyboard shortcut options
HOW TO USE
1. Open a file in HubSpot Design Manager
2. Select the code you want to format
3. Press Shift+Tab (or Cmd+Shift+F / Ctrl+Shift+F)
REQUIREMENTS
License key required. Delivered via email immediately after purchase. One license works on one device at a time — you can transfer it anytime through settings.
SUPPORT
Email hello@studionope.com with any questions.
Built by StudioNope.
WHAT IT DOES
- Select your code, press Shift+Tab, and get perfectly formatted HubL, HTML, CSS, or JavaScript. No copy-pasting into external tools. No manual fixes.
- Rainbow indentation adds color-coded guides to nested code, making complex DND structures and deeply nested templates easier to read.
- Tag matching highlights the corresponding opening or closing tag when you click on any HubL block or HTML element. Works with if/endif, for/endfor, dnd_area/end_dnd_area, div, section — everything.
FEATURES
- Format HubL, HTML, CSS, and JavaScript
- Rainbow indentation guides
- Tag matching for all HubL blocks and HTML tags
- Customizable indent width (2-8 spaces)
- Adjustable max line length
- Smart spacing for DND modules
- Multiple keyboard shortcut options
HOW TO USE
1. Open a file in HubSpot Design Manager
2. Select the code you want to format
3. Press Shift+Tab (or Cmd+Shift+F / Ctrl+Shift+F)
REQUIREMENTS
License key required. Delivered via email immediately after purchase. One license works on one device at a time — you can transfer it anytime through settings.
SUPPORT
Email hello@studionope.com with any questions.
Built by StudioNope.
Met 0 gewaardeerd door 0 beoordelaars
Toestemmingen en gegevens
Vereiste machtigingen:
- Uw gegevens voor websites in het domein hubspot.com benaderen
Optionele machtigingen:
- Uw gegevens voor websites in het domein hubspot.com benaderen
Gegevensverzameling:
- De ontwikkelaar zegt dat deze extensie geen gegevensverzameling vereist.
Meer informatie
- Add-on-koppelingen
- Versie
- 1.0.4
- Grootte
- 273,3 KB
- Laatst bijgewerkt
- 3 dagen geleden (21 jan. 2026)
- Verwante categorieën
- Licentie
- Alle rechten voorbehouden
- Privacybeleid
- Het privacybeleid voor deze add-on lezen
- Versiegeschiedenis
- Toevoegen aan collectie