ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

HTML Nest Comments

by philsinatra ST2/ST3

This is a Sublime Text 2 and 3 plugin allowing you to quickly comment out blocks of HTML code that already contain HTML comments.

Details

Installs

  • Total 9K
  • Win 6K
  • OS X 2K
  • Linux 1K
Mar 25 Mar 24 Mar 23 Mar 22 Mar 21 Mar 20 Mar 19 Mar 18 Mar 17 Mar 16 Mar 15 Mar 14 Mar 13 Mar 12 Mar 11 Mar 10 Mar 9 Mar 8 Mar 7 Mar 6 Mar 5 Mar 4 Mar 3 Mar 2 Mar 1 Feb 28 Feb 27 Feb 26 Feb 25 Feb 24 Feb 23 Feb 22 Feb 21 Feb 20 Feb 19 Feb 18 Feb 17 Feb 16 Feb 15 Feb 14 Feb 13 Feb 12 Feb 11 Feb 10 Feb 9 Feb 8
Windows 19 12 15 17 20 28 12 17 14 15 17 17 15 15 14 20 23 19 20 17 14 20 13 13 18 14 21 15 11 11 25 11 15 14 10 9 12 13 20 18 12 8 9 14 19 18
OS X 3 7 2 3 2 0 2 2 7 3 4 6 5 3 5 5 7 3 3 9 5 3 3 4 5 2 6 1 2 5 6 5 7 4 4 1 1 3 4 5 6 3 2 4 5 2
Linux 4 5 2 1 5 3 2 4 0 2 6 6 3 5 4 5 4 4 5 5 1 6 3 3 3 2 6 3 4 3 7 4 2 3 6 5 9 3 3 4 6 4 3 4 1 3

Readme

Source
raw.​githubusercontent.​com

HTML Nest Comments for Sublime Text

Sublime Text 3

About

This is a Sublime Text 2 and 3 plugin allowing you to quickly comment out blocks of HTML code that already contain HTML comments.

example image

Installation

The easy way is:

Through Sublime Package Manager

  • Ctrl+Shift+P or Cmd+Shift+P in Linux/Windows/OS X
  • type install, select Package Control: Install Package
  • type htmlnest, select HTML-Nest-Comments

Manually

Make sure you use the right Sublime Text folder. For example, on OS X, packages for version 2 are in ~/Library/Application\ Support/Sublime\ Text\ 2, while version 3 is labeled ~/Library/Application\ Support/Sublime\ Text\ 3.

These are for Sublime Text 3:

Mac

git clone https://github.com/philsinatra/HTML-Nested-Comments.git ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/HTML-Nest-Comments

Linux

git clone https://github.com/philsinatra/HTML-Nested-Comments.git ~/.config/sublime-text-3/Packages/HTML-Nest-Comments

Windows

git clone https://github.com/philsinatra/HTML-Nested-Comments.git %APPDATA%/Sublime\ Text\ 3/Packages/HTML-Nest-Comments

Usage

Tools -> Command Palette (Ctrl+Shift+P or Cmd+Shift+P) and type nested.

– or –

Ctrl+Shift+/ (or Cmd+Shift+/ if you're on a Mac).

– or –

Right click in the current buffer and select HTML Nest Comments -> Comment/Uncomment Selection.

– or –

Open an HTML file, pop out the console in Sublime Text from View -> Show Console, and type view.run_command("nest").

Writing commands in the console is ugly. Set up your own key combo for this, by going to Preferences -> Key Bindings - User, and adding a command in that array: { "keys": ["super+shift+/"], "command": "nest" }. You can use any other command you want, thought most of them are already taken.

What Happens

The built in comment function in Sublime Text runs into an issue if your HTML code contains comments that you want to maintain while block commenting larger areas of code. This plugin will temporarily disable the nested comments so that you can bulk comment out blocks of HTML that already contain comments.

<div class="container">
  <div class="main">
    <div class="content"></div>

    <aside></aside>
  </div>

</div>

Each of the existing comment tags will be replaced with <!~~ or ~~> respectively when commenting, and then the effect will be reversed when uncommenting.

Run the nest command and the code is transformed into: