Skip to main content
Inspiring
March 23, 2022
Question

Beautify HTML and CSS

  • March 23, 2022
  • 2 replies
  • 1094 views

Can I beautify HTML and CSS in Dreamweaver?

 

- Sort tabs out and make code easier to read.

- Make minified code (that is all on one long line) readable

    This topic has been closed for replies.

    2 replies

    Nancy OShea
    Braniac
    March 24, 2022

    I think code format is less relevant than valid working code.  But if you're obsessed with it, you can set Code Format in Preferences by clicking on Tag Libraries button.   When done, hit the Apply button.  See screenshots.

     

     

    To Apply Formatting, click the paint bucket icon on your Common Menu.

     

    When scripts are minified, formatting styles are removed.  For this reason, I don't care much what code looks like as long as I can read it and it works as intended.  🙂

     

    Nancy O'Shea— Product User, Community Expert & Moderator
    Jon Fritz
    Braniac
    March 23, 2022

    For CSS minification, I was able to use a Brackets extension inside DW up until CC 2019.

     

    After that version the extension I had stopped working. 

     

    I haven't found a new one that gives DW the same functionality.

    markeeeeeAuthor
    Inspiring
    March 23, 2022

    Sorry my post wasn't perhaps clear. I'm looking for a way to 'Beautify' CSS and HTML.

     

    There is a Brackets Beautify extension, which works fine in Brackets. But the Brackets extension to Lint HTML no longer works.

     

    I was hoping that Dreamweaver can do both:

     

    Beautify

    Validate HTML and CSS

    Jon Fritz
    Braniac
    March 24, 2022

    Hi.

    In the Brackets app > Extension Manager > and I installed the Beautify extension by Drew Hamlett.

     

    I've tried it out and it seems to work.

     

    Let me know if you can get it to work in Dreamweaver!

     

    Thanks


    Unfortunately, looks like it doesn't work. At least the version I found online by that author, in the latest version of DW.

    The only other version I have installed is CC2015, before Adobe added Brackets to the program. So I can't test if that's a newer development, like the minifier I had used in the past in DW CC2019.

    Sorry.