Custom Hover Tooltip information Like Vscode?

[ysk3a]

Is there a way to add custom hover tooltip to show extra dynamic information on the token the user hovered over?
Something like vscode's tooltip or https://codemirror.net/examples/tooltip/ or https://microsoft.github.io/monaco-editor/playground.html?source=v0.38.0#example-extending-language-services-hover-provider-example or https://github.com/angelozerr/tern.ace#text-hover

it seems like based on ace editor's demo https://mkslanc.github.io/ace-playground/#typescript-language-service, only examples that have language services added has some kind of hover tooltip behavior. I don't use any language services and even just using ace in angular without any wrapper, I couldn't figure out how to add a dynamic hover tooltip.
since in my project, when the user uses my app, it retrieves custom variables and methods that the user already set and I wanted to allow the user to hover of the tokens (method or variables) to show information about that method or variable which the user had set before.

I couldn't find any working live examples that have custom hover tooltip feature online. seemed almost non existing.