代码在线运行编辑（放在项目里）

Question

现有需求需要在项目实现类似在线运行工具的功能。请问类似于菜乌教程这种左右联动的代码在线运行工具是怎么实现的？有么有相关插件之类？

Answer 1

左侧代码编辑器区域，有很多成熟的代码编辑器了，比如CodeMirror

右边的区域，可以直接用一个iframe就可以了， iframe.contentWindow.document.write('');