javascript - 在 monaco 编辑器中添加内联小部件

Question

我正在使用 Monaco 编辑器开发表达式编辑器。我希望能够为函数参数插入“令牌”。类似于 Google DataStudio 中的这个 UI：

如上例所示，如果用户输入以下表达式：

LENGTH(CONCAT({Country Code}, {Country Name}, "some text"))

{Country Code} 和 {Country Name} 都是可以插入的标记。用户不能编辑或部分删除令牌。他们只能完全删除它们。理想情况下，当有人将鼠标悬停在令牌上时，我想显示一个工具提示，以便我可以显示全名和数据类型。

我查看了 ContentWidget，但它只显示在一行/位置上方。我需要将“令牌”与表达式内联（因为您可以使用令牌代替参数）。

我找不到任何关于实现这一点的参考。感谢任何帮助或指导。

标签： javascriptmonaco-editor