背景

在使用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);