• Packages
  • Themes
  • Documentation
  • Blog
  • Discussions
Sign in

html-tag-auto-complete

A simple auto completion of html tags with class and/or id
  • #atom-plugin
  • #auto-complete
  • #emmet
  • #html
  • #html tag
dibosh
2.1.0 132,623
14
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

html-tag-auto-complete

A simple atom editor package that enables auto completion of html elements with/without class and id. demo

Features

  • Nothing much, but does exactly what it is supposed to do

  • Works with any file type(e.g. .php, .js, .jsx, .md etc.) as long as the word you are executing it on is a valid html tag(e.g. div, p, abbr etc.)

Installation

apm install html-tag-auto-complete

or, go to Preferences > Install and search for html-tag-auto-complete

Usage

  • Type in the tag name along with class and id in emmet like fashion-
{tag-name}
{tag-name}#{id}
{tag-name}.{class-1}.{class-2}

or, the following is also allowed, div will be used as tag-

.{class-1}
.{class-1}.{class-2}
#{id}

Finally, press: alt + tab or, right click and do Run HTML Tag AutoComplete.

  • You will also find it available under Packages in menubar.

Why?

  • The emmet plugin is bloated while it's super lightweight. Also there are people like me who only requires this feature rather than all the magics emmet can do!

Development

  • Clone this repo locally

  • Open atom in developer mode: atom -d

  • Open the source code in atom, make whatever changes you would like to make in lib/html-tag-auto-complete.js and do View > Developer > Reload Window to see if your changes are reflected(e.g. by applying the formatter from context menu or Package menu on top)

  • Feel free to create a PR with your changes

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

  • Terms of Use
  • Privacy
  • Code of Conduct
  • Releases
  • FAQ
  • Contact
with by