带动作的悬停工具包

Question

我正在尝试弄清楚如何在 monaco 编辑器中配置悬停工具包，并使用可执行其他功能的 VS Code（请参见下面的屏幕截图）中的可点击操作。我的应用程序是基于反应的。我会很感激任何想法。

例子：

.

虚拟代码：

const hoverProvider = monaco.languages.registerHoverProvider(mylang, {
      provideHover: (model, position) => {
          return {
            range: new monaco.Range(
              position.lineNumber,
              position.lineNumber,
              model.getWordAtPosition(position).startColumn,
              model.getWordAtPosition(position).endColumn,
            ),
            contents: [
              { supportHtml:true, value: `<>What html element here ?</>` },
            ],
          };
        }
      },
    });

我试过使用 ReactDOMServer 将组件渲染成字符串，但效果不如其他 HTML 元素、按钮等好

Answer 1

悬停内容不能添加HTML，只能添加Markup文本，同样支持链接。