Javascript 如何在angular中为不同语言集成ace编辑器？

我想在我的项目中集成一个在线编译器。我的项目的前端基础是有角度的。 所以在谷歌搜索了很多次之后，我找到了Ace编辑器。这个编辑器看起来很棒，而且很容易实现，但是我想知道除了javascript之外还有没有其他语言可以使用。我发现了这个例子，但如果我在这行中设置了除javascript之外的其他语言：

this.editor.mode = 'java';

编辑正在抛出错误

错误：无法在模块外部使用导入语句

无法显示错误。打开浏览器的控制台进行查看

他们有办法解决这个问题吗？

---

或者，如果有人可以提出任何创建编译器或免费编译器的方法，我可以将其集成到我的项目中。

Ace editor不是编译器。它只是一个编辑器（文本区域，您可以在其中获取/显示带有格式和语法突出显示的代码）。@CaffeinatedCod3r但在示例中，我看到它也可以进行计算，您可以共享示例链接吗请查看链接所在的问题。“Stackblitz”这个词就是链接对不起，我没有使用任何可用于web项目的编译器，我认为它不是免费的开源的。