Home/ Questions/Q 8814501
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T04:08:27+00:00

Ok, my situation is a bit different than all the threads here about formatting

  • 0

Ok, my situation is a bit different than all the threads here about formatting HTML. Also, I’ve installed about every HTML formatting plugin out there with mixed results and none really solve my issue.

Also, configuring these plugins can be difficult since I’m not a programmer and some authors don’t provide enough information to customize their plugins.

For now the only plugin that formats my HTML somewhat Ok is HTMLTidy, the problem is that it uses too much space per tag. See my HTML example below.

I also tried what they mentioned in this thread and it only works to some extent as far as indentation goes, but not really for ‘true’ markup formatting.

All I want to do is turn this markup:

<ul>
   <li>
     item here
   </li>
   <li>
     item here
   </li>
   <li>
     item here
   </li>
</ul>

Or this one:

<p>
   Content...
</p>

Into this:

<ul>
   <li>item here</li>
   <li>item here</li>
   <li>item here</li>
</ul>

And this:

 <p>Content...</p>

Having the content of every tag in a separate line from the opening/closing tags is a waste of space for me.

Any idea how to accomplish this either by modifying something in TidyHTML or manually, or any other way for that matter?

Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Note: This solution works only in ST2, because at this moment (7/31/14) HTMLTidy is not available for ST3.

    I figured a temporary solution, not ideal by any means, but…

    1. Go to: Preferences -> Key Bindings - User. You will be editing the file Default (Windows).sublime-keypmap.

    2. Add these two instructions to that file (note that the instructions need to be inside the [ ] brackets):

       [
   { "keys": ["ctrl+shift+r"], "command": "reindent" , "args": {"single_line": false}},
   //Indent code -- http://stackoverflow.com/questions/8839753/formatting-html-code-using-sublime-text-2

   { "keys": ["ctrl+alt+t"], "command": "html_tidy"}
   //HTMLTidy key binding
 ]

    3. Save the file.

    4. Make sure you have HTMLTidy installed. Open HTMLTidy’s Settings file HtmlTidy.sublime-settings: Preferences -> Package Settings -> HtmlTidy -> Settings - Default.

    5. Look for "indent": true, (include double quotes and comma) and change it to false.

    6. Save the file.

    7. Go back to your HTML file and select a section of the code you want to format in one line. Yes, it doesn’t work if you select the entire markup o_O. It will only leave what’s inside the <body> tag, and it will delete everything else (<html>, <head>, etc).

    8. Press CTRL+ALT+T to execute TidyHTML. This will shrink your markup and make the tags in one line.

    9. Finally press CTRL+SHIFT+R to execute the indentation.

    Good luck.

    • 0