Autocomplete CSS class/id in HTML/PHP files (and vice versa optionally)

[PixelT]

It will be nice, when I write:

<div class="">

and the cursor is betwteen class="|" the autocomplete will show the class / id which I defined in my sass / scss / less / css files

Optionally: When I start write in sass / scss / less / css files by typing . or # the autocomplete display class / id which I defined in my HTML / PHP files.

[florianbouvot]

+1

[sadovnychyi]

Take a look on my PR #21

[PixelT]

Somebody think / work about this functionality?

[sadovnychyi]

@PixelT #21 – it works, but still needs a lot of improvements.

[admosity]

This has been the crux of my life since I switched to atom. I work a lot in angular and none of the word completions are available to me.

I can switch autocomplete-plus' default provider to fuzzy search instead of symbol, but then I don't get the nice symbol notifications:

Fuzzy (yes! completions):

Symbol (no auto completions 😦 ):

I am pretty new to atom plugin development, but I've done some PRs to some linters in atom. If someone can point me to some docs and where to start to help out; I'd gladly contribute!

[onetrev]

I was super bummed when I saw recently that Atom 1.18 beta listed this in the improvements:
"Improved suggestions in autocomplete-html"

But sadly, that did not include any movement on this issue. Am I in the minority here thinking the lack of this functionality is a major hinderance to anyone doing web dev with Atom, which has to be a big percentage of the users?

[50Wliu]

Yep I'm aware. As you can see by #21, integrating CSS completions properly is a much harder task to do than the improvements I made in Atom 1.18. No one has had time to review that PR yet.

[onetrev]

Hey @PixelT, @florianbouvot and @admosity ... I recently found this package https://github.com/aidistan/atom-symbols-view-plus which solves the main request of autocompletion in your HTML class declarations without having to have all the files open. Atocomplete of classes in your sass / css / etc, is still not possible as far as I know, but I think that's probably less important.

Hopefully now with the Filesystem watcher API coming in Atom 1.21, both these items can finally be tackled and with core packages! But for now at least the package above definitely helps.