javascript - 如何创建多个 monaco javascript 编辑器,使它们不共享全局命名空间?
问题描述
我想在一个页面上有多个 Monaco 编辑器,但每个编辑器都有自己的一组全局变量。在一个编辑器中创建的变量不应该在另一个编辑器中作为类型使用。
我试过设置monaco.languages.typescript.javascriptDefaults.setCompilerOptions({isolatedModules: true})
,但这似乎并没有影响这些共享的全局类型。
如何创建多个 monaco javascript 编辑器,使它们不共享全局命名空间?
// set up code for the Monaco Playground:
const container = document.getElementById("container");
const container1 = document.createElement("div");
const container2 = document.createElement("div");
container1.style.height="200px";
container1.style.border = "solid 2px black";
container1.style.marginBottom = "16px";
container2.style.height="200px";
container2.style.border = "solid 2px black";
container.appendChild(container1);
container.appendChild(container2);
// actual code:
monaco.editor.create(container1, {
model: monaco.editor.createModel(`const abc = 123;`,
"javascript",
monaco.Uri.parse("js:editor1.js")
)
});
monaco.editor.create(container2, {
model: monaco.editor.createModel(
"const value = abc; // should be typed as `any`, but is typed as `123` instead!",
"javascript",
monaco.Uri.parse("js:editor2.js")
)
});
在操场上尝试一下:https ://microsoft.github.io/monaco-editor/playground.html
解决方案
推荐阅读
- swagger - Swagger YAML 文件添加动态 URL
- python - 如何映射多列python
- r - 带有几个数字的 Rstudio 维恩图
- android - 如何在应用程序关闭时向 Android 发送推送通知
- javascript - 为什么我的 SQL 代码中出现语法错误?
- java - Intellij 抛出 java.lang.NoSuchMethodError: javax.persistence.JoinColumn.foreignKey()Ljavax/persistence/ForeignKey 但使用 maven 运行
- vaadin - 在 vaadin 网格中取消选择一行 vaadin 8
- bash - 如何在 vim ':!some_command' shell 命令中使 .bashrc 别名可用?
- firedac - FireDAC 查询 RecordCountMode
- python - 如何从此特定页面中提取文本?使用 bs4+python 无法做到这一点