左边代码右边预览是怎么实现的，可以纯前端实现吗？

Question

或者说github上有没有现成的开源项目可以使用

Answer 1

右边创建一个iframe,把左边的代码放进去就可以了

https://codepen.io/hungtcs/pe...

Answer 2

你要是单纯的想预览 HTML，那就用个 iframe，给它设置 contentWindow.document.body.innerHTML 就可以了。

如果是代码编辑器，那考虑的就复杂的多了，不过不是有现成的 vscode、atom，这不都是用 JavaScript 实现的项目么，都是开源的。