使用Monaco Editor运行功能

Question

我想在我的项目中使用Monaco Editor，我希望在我的Monaco编辑器（https://github.com/Microsoft/monaco-editor/）中运行C＃或节点等服务器端语言，这是一个来自Microsoft的开源编辑器。

这里有几个例子。

https://microsoft.github.io/monaco-editor/playground.html#interacting-with-the-editor-rendering-glyphs-in-the-margin

https://dotnet.microsoft.com/languages

如果您看到上面的示例，您可以看到它们正在运行带有运行按钮的c＃我想实现相同的功能。

我知道我需要安装特定语言的运行时间，比如C＃，我在本地机器上有这个，但我仍然无法运行它。

任何帮助将受到高度赞赏。

Answer 1

您所看到的并不是摩纳哥的功能，而是由您来实施。你如何做到这一点，很大程度上取决于你试图运行的语言。

第一个例子（和jsFiddle和CodePen以及许多其他例子）只显示一个iframe来显示结果。 iframe加载一个具有唯一名称的文件，该名称包含在编辑器中输入的HTML，CSS和JavaScript代码。您可以使用Chrome开发工具确认这是他们正在做的事情。

如果您要运行C＃之类的语言，请知道您需要完全控制您的Web服务器。流程将是这样的：

1. 用户按下“运行”按钮。
2. 您调用Web服务（您必须开发），传递C＃代码以及构建工作项目所需的任何其他内容（如依赖项）。
3. Web服务从这些输入创建项目，调用C＃编译器，运行生成的可执行文件，最后将输出（stdout和stderr）捕获到字符串变量中。这些字符串由Web服务返回。
4. 返回浏览器，显示Web服务的输出。

这是非常可行的，但是当你的音量增加时让它表现良好将是一个特殊的问题。