标记串 /标记符号中的语义令牌

发布于 2025-02-08 04:38:23 字数 433 浏览 2 评论 0原文

是否可以使用MarkDownString/使用code或pre> pre带有span在悬停中模仿语义令牌？如果是这样，是否可以仅使用span元素上的CSS访问用户主题的颜色？理想情况下，我想避免使用特定于Vscode的任何东西。

我看到 https：//github.com/microsoft.com/microsoft/vscope/sissues/issues/97409 没有解决方案。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

压抑⊿情绪 2025-02-15 04:38:23

如果要手动为代码设置颜色，则可以尝试以下操作：

// using your fileSelector
let disposable = vscode.languages.registerHoverProvider('plaintext', {
  provideHover(document, position) {

    const codeBlock = `<code><span style="color:#f00;background-color:#fff;">const</span> a = 12</code>`;

    const markdown = new vscode.MarkdownString();
    // markdown.appendCodeblock(codeBlock, "javascript");

    markdown.appendMarkdown(codeBlock);
    markdown.supportHtml  = true;
    markdown.isTrusted = true;

    return new vscode.Hover(markdown, new vscode.Range(position, position));
  }
});

＆lt; pre＆gt;也有效，而不是＆lt; code＆gt;，但我认为＆lt;代码＆gt;看起来更好。

If you want to manually set colors for code you can try this:

// using your fileSelector
let disposable = vscode.languages.registerHoverProvider('plaintext', {
  provideHover(document, position) {

    const codeBlock = `<code><span style="color:#f00;background-color:#fff;">const</span> a = 12</code>`;

    const markdown = new vscode.MarkdownString();
    // markdown.appendCodeblock(codeBlock, "javascript");

    markdown.appendMarkdown(codeBlock);
    markdown.supportHtml  = true;
    markdown.isTrusted = true;

    return new vscode.Hover(markdown, new vscode.Range(position, position));
  }
});

<pre> also works, instead of <code>, but I think <code> looks better.