首页 > 文章列表 > wangEditor 获取 HTML 页面,iframe 嵌入 vs innerHtml 设置,该如何选择?

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

254 2025-03-25

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 页面,可以考虑使用分页或分块加载的方式优化性能。

来源:1731452755