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 KB
- 마지막 업데이트
- 4달 전 (2026년 1월 21일)
- 관련 카테고리
- 라이선스
- All Rights Reserved
- 개인정보처리방침
- 이 부가 기능에 대한 개인정보처리방침 읽기
- 버전 목록
- 모음집에 추가