提问人：小林爱学习 提问时间：9/27/2023 更新时间：9/27/2023 访问量：34
VS Code 无法使用复制/粘贴
VS Code can't use copy/paste
问：
vscode 插件无法使用复制和粘贴在 webView 中嵌入 iframe
由于插件是本地开发的，因此其他学生安装更新会更加困难。 所以我想在具有一些输入行为的 iframe 中嵌入一个 react 页面
答：
0赞
Mohammed Iliyas patel
9/27/2023
#1
在 WebView 中加载 React 应用程序：
在 VS Code 插件中，创建一个 WebView 来加载 React 应用。您可以使用 vscode.WebviewPanel API 创建面板并加载 HTML 内容。
const panel = vscode.window.createWebviewPanel(
'yourWebviewId',
'Your WebView Title',
vscode.ViewColumn.One,
{
enableScripts: true // Enable JavaScript in the WebView
}
);
const webViewContent = `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your React App</title>
</head>
<body>
<div id="root"></div>
<script src="your-react-app.js"></script>
</body>
</html>
`;
设置 WebView 的 HTML 内容 panel.webview，.html = webView内容;
评论