将 div 包裹在可更改的 html 周围并关闭，即使内部 html 未正确关闭

Question

我有一种情况，客户需要能够插入 html 他正在从其他网站复制到产品描述中。

他对 html 一无所知，所以他在供应商的许可下从网站上复制它，然后粘贴到 Opencart 描述中。

问题是有时他正在复制的内容格式不正确，因此它可能会过早关闭 div 或根本不关闭它们，从而使页面的其余部分成为 html无处不在。

是否可能出现这样一种情况，我可以创建 div 并基本上告诉它 在这里关闭此 div，无论其中的 html 是什么包含?

谢谢。

我想只是举个例子。在这种情况下，底部 </div> 不会关闭 <div class="myclosedoffdiv">，即使那是我想要的。

<div class="myclosedoffdiv">
   <div><span> This is incorrectly formatted html</span>
</div>

Answer 1

您可以从字符串创建 jquery 对象（如果使用 jquery）：

var div = $('<div><span> This is incorrectly formatted html</span>');

div[0] 将 return:

<div><span> This is incorrectly formatted html</span></div>

然后将其插入到包装器中：

$('.myclosedoffdiv').html(div);