怎么在wangEditor编辑器中插入iframe

在wangEditor编辑器中插入iframe标签可以通过以下步骤进行：

1. 首先在wangEditor的官网下载并引入wangEditor的js和css文件。

2. 在html中创建一个div元素作为编辑器的容器。

3. 在js中初始化编辑器：

   var editor = new wangEditor('#editor-container');
   editor.create();

4. 在编辑器中插入iframe标签，可以通过两种方式：

- 直接在编辑器中输入iframe标签代码；
- 点击编辑器工具栏中的“源代码”按钮，切换到源代码编辑模式，在其中输入iframe标签代码。

需要注意的是，由于iframe标签可能存在安全风险，因此在插入时需要谨慎考虑。另外，wangEditor编辑器中也有一些插件可以用于插入iframe标签，您可以查看相关的插件文档。

相关问题

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等技术。