iframe 在 jQuery 对话框中时不可编辑？答案

【问题标题】：iframe not editable when it is in a jQuery dialog?iframe 在 jQuery 对话框中时不可编辑？
【发布时间】：2009-06-29 20:33:20
【问题描述】：

我正在尝试为我的公司开发一个简单的新闻稿管理系统，该系统的要求之一是它具有用于新闻稿内容的所见即所得界面。该公司有四个网站，希望将所有新闻稿放在一个地方，并让这四个网站从那里提取必要的数据。无论如何，所见即所得的编辑器是为了让非开发人员更容易进入新闻稿。

这就是我想要做的。为了给它一些魅力（如果它看起来不错，老板认为它很好），我正在尝试使用 jQuery 模态对话框，填充 jQuery 选项卡来引导任何人完成进入新闻稿的过程。在最后一页，有一个 iframe 应该可以使用 designMode = "on" 和 exeCommand 进行编辑...

当我把这个 iframe 放在一个普通的页面中时，它工作正常。我可以编辑东西，我可以加粗，添加斜体，等等等等……但是，当它在对话框中时，它是不可编辑的。我不能输入它或任何东西。

【问题讨论】：

标签： jquery iframe

【解决方案1】：

我有同样的情况。解决方案相当简单。使 IFRAME 可见后，应在 IFRAME 上设置 designmode=on 属性。您甚至不能将 iframe 放在 left:-1000px 并设置“designmode = on”。 IFRAME 应该在屏幕区域内可见。因此解决方案是先显示 IFRAME，然后将设计模式属性设置为 ON。

【讨论】：

【解决方案2】：

您可能会在框架之间就键盘事件的处置进行竞争。如果您将 JS 调试器设置为在下一条语句上中断然后按下一个键会发生什么？这种行为是否以相同的方式跨浏览器发生？

【讨论】：

你知道，我应该先检查一下 IE。它适用于 IE。但它不适用于 Chrome、Firefox、Safari 或 Opera。至于调试，我什至不确定在哪里放置 JQuery 的断点。整个脚本被最小化了，所以变量名不是最清楚的。
不是在特定的代码行上设置断点，而是告诉调试器在下一条语句上中断（Firebug 1.4 测试版有一个按钮，我相信 WebKit 在某处也有）。此外，您可以在 jquery 网站上找到未最小化的 jquery 版本；在调试此问题时使用它们是值得的。
明天我得去看看。但是，我不确定这会对我有什么好处。我什至无法在 iframe 中获得焦点。我什至无法找到光标。好像 designMode 设置为关闭，但是当我用萤火虫检查它时，它肯定是打开的。我已经尝试过使用标签，它可以被标签，但我仍然没有焦点。
我解决了这个问题。我有对话框作为模态。当我关闭模式时，它允许我编辑 iframe。我宁愿它是模态的，但这并不是完全必要的。感谢您的帮助 DDaviesBrackett！我很感激！