Javascript 在编辑器中显示图像

Javascript 在编辑器中显示图像,javascript,visual-studio-code,monaco-editor,Javascript,Visual Studio Code,Monaco Editor,据报道,摩纳哥编辑的HoverProvider支持降价。有没有办法让它显示图像?我在操场上试过这个(基于),但不起作用: 摩纳哥.语言.登记({id:'mySpecialLanguage'}); 摩纳哥.语言.注册商OverProvider('mySpecialLanguage'{ ProvideOver:功能(型号、位置){ 返回xhr('../playerly.html')。然后(函数(res){ 返回{ 范围:new monaco.range(1,1,model.getLineCount

据报道,摩纳哥编辑的HoverProvider支持降价。有没有办法让它显示图像?我在操场上试过这个(基于),但不起作用:


摩纳哥.语言.登记({id:'mySpecialLanguage'});
摩纳哥.语言.注册商OverProvider('mySpecialLanguage'{
ProvideOver:功能(型号、位置){
返回xhr('../playerly.html')。然后(函数(res){
返回{
范围:new monaco.range(1,1,model.getLineCount(),model.getLineMaxColumn(model.getLineCount()),
内容:[
{值:“”,受信任:true}
]
}
});
}
});
monaco.editor.create(document.getElementById(“容器”){
值:'\n\n覆盖此文本',
语言:“我的专业语言”
});
函数xhr(url){
var-req=null;
返回新承诺(函数(c,e){
req=新的XMLHttpRequest();
req.onreadystatechange=函数(){
如果(请求被取消){return;}
如果(req.readyState==4){
如果((请求状态>=200&&req.status<300)| |请求状态===1223){
c(请求);
}否则{
e(请求);
}
req.onreadystatechange=函数(){};
}
};
请求打开(“获取”,url,true);
req.responseType=“”;
请求发送(空);
},函数(){
请求被取消=真;
请求中止();
});
}

它只是将内容显示为字符串

您应该以标记语法提供图像路径:

{value:'![我的图像](https://www.sciencemag.org/sites/default/files/styles/inline__450w__no_aspect/public/dogs_1280p_0.jpg?itok=4t_1_fSJ)' }
在这种情况下,完整的游乐场代码如下所示(的修改版本):

monaco.languages.register({id:'mySpecialLanguage'});
摩纳哥.语言.注册商OverProvider('mySpecialLanguage'{
ProvideOver:功能(型号、位置){
返回{
范围:new monaco.range(1,1,model.getLineCount(),model.getLineMaxColumn(model.getLineCount()),
内容:[
{值:'**SOURCE**'},
{value:'![我的图像](https://www.sciencemag.org/sites/default/files/styles/inline__450w__no_aspect/public/dogs_1280p_0.jpg?itok=4t_1_fSJ)' }
]
}
}
});
monaco.editor.create(document.getElementById(“容器”){
值:'\n\n覆盖此文本',
语言:“我的专业语言”
});