显示用户创建的无效HTML内容，而不会弄乱页面

Question

我有一个网站，允许用户保存文本内容，然后按原样显示。 用户可以使用HTML标签以他想要的方式创建他的数据 - 设计，字体，div，表等......

要显示已保存的数据，我将用户引导到一个页面，页面上有我自己的页眉/页脚，而他的数据位于中间。当用户有一些无效的HTML标签或未关闭的HTML标签时会出现问题，然后它会干扰我自己的页眉/页脚HTML，整个页面都会混乱。

有没有办法封装用户的数据，这样就不会损害页面？

Answer 1

您可以尝试在iframe中加载它。没有测试过，但我认为它应该可行。

Answer 2

你可以使用固定宽度和高度的iframe。

Answer 3

iframe建议很好，但还不够。因为我希望它显示它是页面的一部分而且我不知道用户数据的长度和大小是什么，我使用的解决方案是这样的：

创建一个仅显示用户数据的页面。在iframe中打开它，它位于我的主页面页眉和页脚之间。 现在的诀窍 - 当用户拥有大量数据时，为了避免页面中间的滚动条，我在iframe onload事件上使用了这个脚本：

  function setHeight()
  {
  //get page height
  var the_height=
  document.getElementById('userFrame').contentWindow.document.body.scrollHeight;

  //set iframe height
  document.getElementById('userFrame').height=the_height;
  }

这样，当页面加载时，iframe高度将根据其大小而改变，将页脚推到底部。 之后只需要将iframe边框设置为“none”，页面看起来很正常。