A simple atom editor package that enables auto completion of
html elements with/without class and id.
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.)
apm install html-tag-auto-complete
or, go to Preferences > Install
and search for html-tag-auto-complete
{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
.
Packages
in menubar.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!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
Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.