H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【前端技术】【问题合集】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);

本文地址:H5W3 » 【前端技术】【问题合集】UEditor中的样式和网站样式相互干扰

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址