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

Custom HTML tag tooltips in project settings #61069

Closed
samclaus opened this issue Oct 16, 2018 · 1 comment
Closed

Custom HTML tag tooltips in project settings #61069

samclaus opened this issue Oct 16, 2018 · 1 comment
Assignees
Labels
html HTML support issues

Comments

@samclaus
Copy link

VS Code currently shows nice little descriptions of standard HTML tags when you hover over them, in tooltips. What would be a killer feature for any web-app project would be the ability to add custom tooltips for custom HTML tags.

The frontend I work on is AngularJS and will be moved to Angular in the future (but this also applies to any other web component framework), and given the sheer number of components we have, it is easy to forget the exact bindings and usage rules for a particular one.

Being able to register tag tooltips in a project settings file for each of our components and then just hover over a <my-component ...> tag to see usage instructions would save a lot of time versus going to the component class, even though our component classes follow a strict naming scheme: <HTML tag name>.comp.ts. And for people who have to take care of unorganized projects, it would be even better.

I do not know how difficult this would be to implement, but even text-only tooltips for the tags would be totally workable. VS Code is fantastic as-is, and I feel this would make it even better. Thanks for considering my issue and have a great day.

@vscodebot vscodebot bot added the html HTML support issues label Oct 16, 2018
@aeschli
Copy link
Contributor

aeschli commented Oct 17, 2018

Extensions can already do that. It basically means adding another hover provider for the html language mode. The only problem is that this needs to be done in code and that that code will have to parse the HTML again. But we have the HTML parser available in the vscode-html-languageservice node module.

The alternative is would be a extension point to the html language service so that the html parser can be reused: That's #2784.

Marking as duplicate of #2784

@aeschli aeschli closed this as completed Oct 17, 2018
@vscodebot vscodebot bot locked and limited conversation to collaborators Dec 1, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
html HTML support issues
Projects
None yet
Development

No branches or pull requests

2 participants