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

我正在尝试构建一个类似mdn的浏览器内代码执行器

使用codemirror和angular 6

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

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

如何显示结果（在本例中为

1

，请检查stackblitz链接）而不是代码

---

完整代码可在

如何使用

eval

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

并且仍然需要

尝试catch

来捕获评估错误，并显示错误消息

   function test(){
      return 1;
   }

   test()

---

显示结果

1

他们（MDN）重新定义

控制台。记录
以使用
id=“output”
将结果输出到元素中。源代码可用，还有一些格式化实用程序函数。我不明白为什么您希望输出
1
如果该代码只包含函数的定义，不在任何地方调用，它甚至不是生命。我使用
monkey patching console.log
获得了解决方案。由于安全问题，不应使用此解决方案eval。应改用函数，有关更多信息，请访问：