Javascript 将外部页面拖放到iframe中，或者是否有使用<；部门>；s

（提前为这篇冗长的文章感到抱歉）

我正试图帮助一个名为“现代化拖放工具箱”的开源CMS项目。我不确定最好的方法是什么，但我基本上希望使用浮动菜单并将其“停靠”在网页的左侧，这样整个页面的宽度都会缩小。但是，此面板的功能取决于用户是否能够将某些内容从面板中拖出并放到页面上

这就是它目前的样子。有一个外部的“管理”页面包装器（顶部可见的蓝色条）和一个内部的

iframe

，用于包装正在编辑的内容页面。拖放面板是一个浮动的

div

，它通过在内容页中包含一些类似于

@{RenderToolbox（）；}

（它基本上只是将div+一些内联CSS写入页面）的代码来呈现

理想情况下，这就是我想要的样子。您可以看到工具箱现在是如何拥有整个左列的（这样页面就不会被阻挡），并且页面的整个宽度已经缩小

是否可以通过向页面中注入

来实现这一点？也许某种jquery可以在

容器中重新设置整个主体的父级？这是处理这类事情的最好方式吗

我想这样的事情是可能的：

jQuery(function(){
    $('body').wrapInner('<div class="wrap" />')
})

jQuery（函数（）{
$（'body'）.wrapInner（“”）
})

但是，我们担心，在所有版面上，例如使用绝对定位或html/正文页边距的版面上，可能很难使其看起来良好

因此，我们正在向更大的堆栈溢出社区寻求有关此问题的任何建议和想法。非常感谢您的指导