wangEditor 获取 HTML 页面，iframe 嵌入 vs innerHtml 设置，该如何选择？

wangeditor 获取 html 页面处理

在使用 wangEditor 编辑器时，获取的 HTML 页面可能存在样式与背景不匹配的问题。为了解决此问题，有两种常见处理方式：

iframe 嵌入

将 HTML 页面保存为 File 文件，保存在 MinIO 中，然后使用 iframe 标签在前端嵌入 HTML 代码。这种方式的优点是代码简单，但容易产生跨域问题，导致样式难以修改。

innerHtml 设置

从后端获取 HTML 字符串，直接使用 JavaScript 将 HTML 字符串设置到模板中。这种方式不会产生跨域问题，便于修改样式。但对于内容较多的 HTML 页面，直接设置 innerHtml 可能有性能影响。

建议

通常建议使用 innerHtml 设置的方式处理 wangEditor 获取的 HTML 页面，因为该方式更灵活且无跨域问题。对于内容较多的 HTML 页面，可以考虑使用分页或分块加载的方式优化性能。

以上就是wangEditor 获取 HTML 页面，iframe 嵌入 vs innerHtml 设置，该如何选择？的详细内容，更多请关注硕下网其它相关文章！