VsCode Language Server Protocol on Hover local image not working
I'm creating an external language server in csharp using the language server protocol for a client in vscode.
In the language, there exist references to image files (pngs), and I would like to have an on-hover markdown tooltip that includes a preview of the image. When I embed a "spoof" image in the tooltip that points to some image on the web via an url, the image is loaded correctly. However when I try to use a reference to a local file it doesn't render the image.
I found this related question with the main difference being that my language server is not implemented in vscode/javascript.
Under the assumption that I must be pointing to the image incorrectly, I've tried absolute paths, paths from the workspace root, relative paths to the current file and some other things, but none seem to work.
The actual image currently exists both in /CardArt/SlowAndSteady.png where / is the vscode workspace root as well as SlowAndSteady.png in the same folder as the file that the language server is providing the hover tooltip for.
When I make an explicit markdown file, and reference the image with those same paths, the image resolves fine. It is just the hover tooltips that don't display the image.
Is there anything I'm misunderstanding in how images in the tooltips are resolved, or is this a bug?
It seems like any local or unsafe urls are blocked in the markdown vscode tooltips.
I've found a workaround for the issue. Instead of providing the link to the image, you can encode the image into a base64 string, and directly embed it into the markdown. This way there is no reference to a local image that needs to be unsafely resolved.
This looks something like:
The catch is that the tooltips have a certain max length (I don't know the actual value) so the image must scaled down before converting to base64 if the image is too large for the tooltip.
I'm currently converting the images to 150x150px pngs, and it seems to fit consistently in the tooltip character limit.
- Visual Studio Code does not detect Virtual Environments
- Why does VS Code show inline comments as part of environment variables from .env file?
- How to get VSCode to suggest / autocomplete the React className, given my custom classes on a <div>?
- Refactoring in VSCode with Dart not working
- Difference between Run Code and Run without Debugging in VS Code
- Is there a way I can define a custom refactoring in Visual Studio Code?
- VSCode different Theme setting for each project in a WorkSpace
- How do I assign a JSON Schema to a YAML file in my VS Code extension?
- vscode installed in other directory gives access denied error
- change the color of the cursor in code
- Django - VS Code - custom model manager method typing
- Cannot import tensorflow in vscode
- How can I open a .md file in VS Code preview mode from terminal?
- Viewing variable values in Visual Studio code using Rust and CodeLLDB
- Is there a cursor overwrite/overtype mode in VS Code?
- What does VS Code do with my answer to "Are you using a screen reader to operate VS Code?"
- Can VS Code's NodeJS debug support render ANSI color codes in the Debug Console?
- VS Code always maximizes terminal when opening PowerShell script
- VS Code collapses folder in Explorer View when it gets focus for multi-root workspaces
- How to configure VSCode to auto insert comment chars on multi line comments
- How to use a devcontainer in vscode.dev?
- When debugging JS in VS Code, why are some object properties faded in color?
- Virtual environments for Python not working in VSCode
- Disable predefined filename - JSON schema association
- Vscode terminal not loading .zshrc on startup! How can I fix this?
- Why is visual studio code telling me that cout is not a member of std namespace?
- VS code terminal can't find AWS SAM even though windows terminal can
- code suggestion box text line height not readable in VS Code
- Codeium extension in Visual Studio code, suggestions disappear in millisecond
- In Visual Studio Code Ctrl+V is not working