【问题合集】UEditor中的样式和网站样式相互干扰

背景

在使用UEditor编辑器编辑文本后，保存内容，再在前端页面展示出来的时候，会发现保存的文本内容为html，与网站的样式冲突，导致网页显示异常。又不能清除编辑器的样式，所以现在只能将需要展示的文本内容和网站相互隔离开。

解决方案

利用iframe进行页面嵌入。
iframe加载的页面和当前页无关，所以样式就不会有冲突的情况。

html

<div class="article">
   <iframe id="articleContent" frameborder="0" width="100%" height="auto"></iframe>
</div>

js

$('#articleContent').contents().find('body').html(vue.detailData.content);