如何解决Webview图像未从提议的API中的context.extensionPath呈现
我正在尝试构建一个内嵌图像查看器,该图像查看器使用https://github.com/microsoft/vscode/issues/85682
中使用的WebviewTextEditorInset API我成功做到了这一点,并创建了: https://imgur.com/XVcSxvs
在某个地方,我丢失了代码,不得不重做全部,所以我也更新了最新的代码内部人员。 该代码现在无法正常工作,我无法从本地文件加载html标记中的图像,但可以从http加载。
我遵循了本教程:https://code.visualstudio.com/api/extension-guides/webview
这是代码。我有一个名为media的文件夹,并且其中有一个由于某种原因html标签不会加载的图像。
let disposable = vscode.commands.registerTextEditorCommand('extension.aaaa',async editor => {
console.log('Congratulations');
// let path = await viewImageSvc.ViewImage(editor.document,editor.selection);
// viewImageIns.insert(path);
const rootUrl = vscode.Uri.file(context.extensionPath);
const activeEditor = vscode.window.activeTextEditor;
if (!activeEditor) {
return;
}
const inset = vscode.window.createWebviewTextEditorInset(
activeEditor,1,{ localResourceRoots: [vscode.Uri.file(join(context.extensionPath,'media'))] }
);
const onDiskPath = vscode.Uri.file(
join(context.extensionPath,'media','img.png')
);
const catGifSrc = inset.webview.asWebviewUri(onDiskPath);
inset.webview.html = `<img src="${catGifSrc}"/>`
});
context.subscriptions.push(disposable);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。