问在“新建”窗口中预览在Textarea中键入的整个文档

EN

我正在制作一个简单的代码编辑器，用于在线和离线编写HTML/CSS/JS文件。到目前为止，一切都进行得很顺利，但我正在努力弄清楚如何准确预览一个完整的HTML文档，该文档被输入到编辑器、doctype和所有文件中。到目前为止，对于编辑器，您可以使用“”打开您在新窗口中键入的文档。

但是，让它按照我希望的方式工作的唯一方法是让我使用一个base64编码的HTML，它允许我将整个文档输出到一个窗口、doctype等等。

如果我说，previewWinRef.document.write(editor.value)，那是行不通的。在尝试之后，它所做的就是将其附加到当前文档中。

如何清除预览窗口的全部内容，并在不使用base64编码的情况下将编辑器文本区域的整个值写入预览窗口？

编辑:下面是代码中正在发生的事情：

editor.addEventListener('keydown',function(event){
            setTimeout(function(){
                if(previewWinRef){
                    previewWinRef.location = "data:text/html;base64,"+Base64.encode(editor.value);
                }
            },100);
        });

基本上，每次你按下一个键的时候，我都会刷新结果，只有当你打开预览窗口的时候，你才能打开“文件->打开新标签”。由于某些原因，我似乎无法访问预览窗口的文档，即使编辑器窗口创建了它，而且它只是一个数据URL？窗口{} 屏幕截图

这是编辑。