在线HTML编辑器如何防止错误从无效的用户代码？

Question

我已经构建了一个基于浏览器的HTML/Markdown代码编辑器，这个编辑器在很大程度上似乎工作得很好。在用户更新代码等情况下，我有实时呈现预览。我已经对任何<script>标记进行了清理，但允许使用其他元素，如<div>或<style>。

问题是，如果用户使用无效的HTML (即未关闭的<style>标记等)保存文档，则在重新加载文档时，由于我的HTML元素被用户代码中未关闭的标记“吃掉”，整个站点将无法操作。

问题:是否有可靠的策略在孤立的容器中呈现用户代码，从而使该容器中的错误不会溢出到页面的其余部分？

我正在使用Javascript和React。这似乎是iFrames的一个用例，但我已经明白，iFrames从来不是一个好主意，而且总是有一个更好的方法来完成您想做的事情。

Answer 1

Iframes是解决此类问题的完美解决方案。在页面上过度使用它们可能是一个问题，但在这种情况下，它是正确的工作工具。

也不知道为什么会这样，frame标记总是不好的，但是很少使用的iframes是有用的。