Select all inside HTML tags

[ivancuric]

Example:

<ul>
  <li class="listbox-option"><a href="">Link1</a></li>
  <li class="listbox-option"><a href="">Link2</a></li>
</ul>

Is it possible to configure the plugin to act in the following way?:

• when the caret is on Link1, expanding goes in the following way: Link1 > a > li > both li (ul inner) > ul (including ul tags)
• when the caret is between the ul and li tags (for example: <ul>|<li>, the selection is expanded to the ul content, that being the 2 li elements.

The reason is that i often need to add another container for some elements, and I can do this easily in ST3's Expand Region in combination with emmet.

[PavelA85]

Yes, that would be very nice to have!

[krasnovpro]

Please add another stop for html attribute (rel="stylesheet"): <link rel="stylesheet" type="text/css" href="assets/css/style.css">

[mrhammadasif]

+1

[trenkwill]

+1

[skirem]

+1

[sgsvnk]

+1

[pingshunhuangalex]

+1

[sgsvnk]

+1

[Eco4]

+1

[aki77]

Please try it! emmet package is required.

~/.atom/config.cson

'.text.html':
  'expand-region':
    commands: [
      {
        command: 'editor:select-word'
        recursive: false
      }
      {
        command: 'emmet:balance-outward'
        recursive: true
      }
      {
        command: 'expand-region:select-inside-single-quotes'
        recursive: false
      }
      {
        command: 'expand-region:select-around-single-quotes'
        recursive: false
      }
      {
        command: 'expand-region:select-inside-double-quotes'
        recursive: false
      }
      {
        command: 'expand-region:select-around-double-quotes'
        recursive: false
      }
      {
        command: 'expand-region:select-inside-angle-brackets'
        recursive: false
      }
      {
        command: 'expand-region:select-around-angle-brackets'
        recursive: false
      }
    ]