HubL Code Formatter StudioNope מאת
Format HubL, HTML, CSS & JavaScript in HubSpot Design Manager with one click. Clean, readable code instantly.
חלק מהתכונות עשויות לדרוש תשלוםחלק מהתכונות עשויות לדרוש תשלום
נתוני העל של ההרחבה
צילומי מסך
על אודות הרחבה זו
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.
מדורג 0 על־ידי 0 סוקרים
הרשאות ונתונים
הרשאות נדרשות:
- גישה לנתונים שלך עבור אתרים תחת שם המתחם hubspot.com
הרשאות אופציונליות:
- גישה לנתונים שלך עבור אתרים תחת שם המתחם hubspot.com
איסוף נתונים:
- המפתח אומר שהרחבה זו אינה דורשת איסוף נתונים.
מידע נוסף
- קישורים לתוספת
- גרסה
- 1.0.4
- גודל
- 273.3 ק״ב
- עדכון אחרון
- לפני 3 ימים (21 ינו׳ 2026)
- קטגוריות קשורות
- רישיון
- כל הזכויות שמורות
- מדיניות פרטיות
- קריאת מדיניות הפרטיות עבור תוספת זו
- היסטוריית הגרסאות
- הוספה לאוסף