如何使用Codemirror显示类似Mozilla开发网络的代码输出?

时间:2018-07-31 06:08:59

标签: javascript angular codemirror

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

enter image description here使用Codemirror和angular 6。

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

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

如何显示结果(在这种情况下为1,请检查stackblitz链接)而不是代码 完整的代码位于STACKBLITZ

1 个答案:

答案 0 :(得分:0)

如何使用gl_VertexID

eval

并且仍然需要document.getElementById('output').innerHTML = eval(editor.getValue()); 来获取评估错误并显示错误消息;

try catch

显示结果 function test(){ return 1; } test()