Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add HTML autocomplete to backticks #800

Closed
dchacke opened this issue Jan 3, 2016 · 6 comments
Closed

Add HTML autocomplete to backticks #800

dchacke opened this issue Jan 3, 2016 · 6 comments

Comments

@dchacke
Copy link

dchacke commented Jan 3, 2016

Following up on #221 (shout out to @jbarket for implementing this!), it would be great to also add support for HTML element autocompletion. Perhaps this is only relevant for use with Angular, or there could be an option to toggle this feature.

Currently, it has autocomplete options but pretends to be in the global typescript context. This can lead to confusing autocomplete suggestions such as:

confusing autocomplete suggestion

(Note how the term "directives" is used as part of Typescript in line 27 and therefore suggested in line 33 even though we're in HTML land at that point.)

Ideally the autocompletion would also auto-close tags, tab through attributes, etc, just like in any other .html file.

@Emnalyeriar
Copy link

Emmet support with inline templates would be even more great

@jbarket
Copy link

jbarket commented Jan 5, 2016

@Emnalyeriar, I actually have this setup in mine. One of the cool things about the Emmet package is that you can easily tell it other grammars to expand in. I have this in my keymap.cson:

'atom-text-editor[data-grammar="source ts"]:not([mini])':
'tab': 'emmet:expand-abbreviation-with-tab'

It'd be nice to find a way to only make Emmet work inside of the template tags, but I'm not sure if that's possible without actually adding something specific to the Emmet package itself.

@Emnalyeriar
Copy link

@jbarket Thanks I'll try this!
Edit: Works great!

@qlaffont
Copy link

qlaffont commented Apr 17, 2017

Hi, for me it doesn't work :/

keymap :
{ "48": { "alted": 64 }, "51": { "accent": true, "alted": 35 }, "52": { "alted": 123 }, "53": { "alted": 91 }, "54": { "alted": 124 }, "56": { "accent": true, "alted": 92 }, "57": { "alted": 94 }, "219": { "alted": 93 }, 'atom-text-editor[data-grammar="source ts"]:not([mini])': 'tab': 'emmet:expand-abbreviation-with-tab' }

@mumairofficial
Copy link

@github-actions
Copy link

github-actions bot commented Jan 5, 2020

This issue has been marked as stale because it did not have any activity for the last 90 days or more. Remove the stale label or comment or this will be closed in 14 days

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

6 participants