创建一个简单的布局/样式编辑器

【问题标题】：Creating a Simple Layout/Style Editor创建一个简单的布局/样式编辑器
【发布时间】：2026-01-27 04:45:02
【问题描述】：

我正在尝试创建一个类似于博客上可用的布局/样式编辑器。我注意到他们使用 iframe，但每次进行更改时 iframe 都必须刷新。我正在寻找更敏感的东西。例如，如果我更改 div 的宽度，我希望在移动滑块时看到这种更改发生。

我想知道在 iframe 设置中是否可以使用 jquery/etc 来修改 iframe 中内容的来源，或者不使用 iframe 是否更好？

iframe 将用于加载在线的现有网页。

【问题讨论】：

【解决方案1】：

iframe 的好处是不会干扰页面的其余部分（您可以使用不同的 CSS、脚本、变量名等）。 TinyMCE 和其他编辑器使用 iframe 作为其内容。是的，它可以直接从 jQuery 访问 iframe：

【讨论】：

嗨，西蒙，感谢您提供的额外信息。 iframe 将用于在其中加载现有网页。这会改变你的答案吗？
这取决于网页是否在同一个域中。 www.example.com 无法将 www.example2.com 加载到 iframe 并通过脚本修改内容。浏览器将拒绝访问
嗨西蒙，所以如果我在 www.site.com 上有一个将 www.site.com/page.php 加载到 iframe 中的页面，我将能够编辑其中显示的 css/内容iframe？
是的，我做了一个很糟糕的例子，等待 5 秒，你会看到内容是从父级修改的：jsbin.com/ajatix/3/edit