如何在Web应用程序中创建用于将未清理的HTML显示为预览的沙箱

时间:2014-10-07 06:23:34

标签: html iframe sandbox

我们有一个ASP.Net应用程序,用户可以在其中输入原始HTML,以便创建一个"模板"稍后会打印到PDF文件。我们使用Ace代码编辑器让用户输入HTML文本。然后,HTML将直接显示在编辑器下方作为预览。

只要HTML正确,这种方法就可以正常工作。我们确实会删除任何<script>标签 - 因此脚本注入不是问题。但是,如果用户在HTML中犯了一些错误(比如没有关闭div或表或关闭太多的div),预览会搞乱页面布局。

我考虑过在iFrame中显示HTML - 但我需要iFrame重新调整内容的高度,以便没有垂直滚动条。

显示用户在沙盒中输入的HTML的最佳方式&#34; div,以免它被用户输入的错误标记破坏?

1 个答案:

答案 0 :(得分:0)

我不知道另一种方式<iframe>

  • 您可以为<iframe>提供100%的宽度和自动高度等。
  • style.css:iframe { min-width: 100%; height: auto; }

  • 您还可以查看here。这是你现在使用的,还是解决方案?