如何使用codemirror显示像mozilla开发网络一样的代码输出？

Question

我正在尝试构建一个像 mdn 这样的浏览器代码执行器

使用代码镜像和角度 6。

我能够从编辑器中获取代码但无法显示结果，例如 mdn ，而是开始在文本区域中显示内容

this._codeMirror.instance$.subscribe((editor) => {
      document.getElementById('output').innerHTML = editor.getValue();
    });

如何显示结果（在本例中为 1，请查看 stackblitz 链接）而不是代码 完整代码在STACKBLITZ

Answer 1

用eval怎么样

document.getElementById('output').innerHTML = eval(editor.getValue());

仍然需要try catch 来捕获 eval 错误，并显示错误消息；

   function test(){
      return 1;
   }

   test()

显示结果1