Code Formatter for HTML, CSS, PHP, JavaScript, HubL

Hello HubSpot Team,

 

working on custom templates for landing pages and newsletter and creating custom HubSpot modules with HubL, I miss a button so fast formatting the code. 

 

To change the code from something like this 

 @media (max-width: 600px) {
    .header-container-wrapper {
      margin:auto;
      width: 100%;
      }
  .body-container-wrapper {
    margin:auto;
    width: 100%;
    }
  .footer-container-wrapper {
    margin:auto;
    width: 100%;
    }
  }

into this:

 @media (max-width: 600px) {
     .header-container-wrapper {
         margin: auto;
         width: 100%;
     }
     .body-container-wrapper {
         margin: auto;
         width: 100%;
     }
     .footer-container-wrapper {
         margin: auto;
         width: 100%;
     }
 }

This makes working with codes much easier especially with the amount of tables you have to use for outlook proof newsletters.

 

It is just a feature most code edit softwares and will help developers work with the HubSpot CMS.

 

 

Best regards,

 

Michael

0 Upvotes
HubSpot updates
3 Replies
AJLaPorte_diagr Advisor | Platinum Partner
Advisor | Platinum Partner

Hey @MichaelSchm , 

 

You should be able to do this useing Shift + Tab with highlighted code in the DM. 

 

using-shift-tab.gifShift Tab in action after highlighting

 

- AJ LaPorte

MichaelSchm
Occasional Contributor

Hello @AJLaPorte_diagr ,

 

thank you!

I didn't know about this key combination.

This will helb to save some time.

khookguy
Occasional Contributor

SHFIT-TAB - how wonderful! I've been looking for how to format code in HubSpot for weeks since I started using it.  Why is this not documented anywhere?