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

[MichaelSchm]

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

[#2]

Hey @MichaelSchm , 

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

Shift Tab in action after highlighting

- AJ LaPorte

[#3]

Hello @AJLaPorte_diagr ,

thank you!

I didn't know about this key combination.

This will helb to save some time.

[#4]

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?