wangeditor 编辑好的 HTML ，在新的页面中解析展示，如何实现，请越详细越好

要在新页面中解析并显示WangEditor编辑的HTML，你需要经历以下几个步骤：

1. **获取编辑器内容**：
首先，确保你已经有一个WangEditor实例并且完成了编辑。在编辑完成时，可以通过`getText()`或者`getContent()`方法获取到编辑的HTML字符串。

let htmlContent = editorInstance.getText() || editorInstance.getContent();

2. **设置目标元素**：
在新页面的HTML结构中，找到一个合适的容器元素用于显示编辑后的HTML。例如，如果你希望在`<div id="editor-output">`中显示内容，那么这个元素应该是动态的或者已存在于页面中。

<div id="editor-output"></div>

3. **插入HTML**：
使用JavaScript将编辑好的HTML内容插入到目标元素中。可以直接设置`innerHTML`属性：

document.getElementById('editor-output').innerHTML = htmlContent;

4. **安全措施**：
为了防止XSS攻击，你应该对HTML内容进行适当的过滤和转义。例如，使用`DOMPurify`库对HTML进行净化：

import DOMPurify from 'dompurify';

let purifiedContent = DOMPurify.sanitize(htmlContent);
document.getElementById('editor-output').innerHTML = purifiedContent;

5. **加载事件**：
可能还需要考虑是否在页面完全加载后再插入内容，避免影响用户体验。可以监听`DOMContentLoaded`事件：

window.addEventListener('DOMContentLoaded', function() {
  document.getElementById('editor-output').innerHTML = htmlContent;
});

6. **跨域问题**：
如果你在新窗口或iframe中嵌入了包含编辑器内容的页面，并且这些内容来自其他域名，可能会遇到跨域问题。这时，需要服务端提供正确的CORS头支持，或者使用JSONP等技术。