停止在具有 designMode = "on"; 的文档中编辑某些元素；答案

【问题标题】：Stop certain elements from being edited inside a doc having designMode = "on";停止在具有 designMode = "on"; 的文档中编辑某些元素；
【发布时间】：2011-01-08 18:23:26
【问题描述】：

我正在使用 iframe 并将其 contendocument.designMode 设置为“on”。这让我可以复制富文本编辑器，并在编辑过程中实现更大的灵活性。

问题是我在页面中添加了某些链接 (<a href="#" onclick="alert(1);">test</a>)，当然这些链接不起作用，因为我在 designMode。

起初我想，我只是将该链接包装在另一个 iframe 中，但它仍然不会触发附加到它的事件。

有没有办法让某些元素正常工作，即使它们位于designMode="on" 文档中？

【问题讨论】：

标签： javascript events dom iframe

【解决方案1】：

您可以放置一个复选框来切换设计模式“开”和“关”。要查看操作暂时切换到 designMode 'off'。通过这种方式，您可能能够获得所需的脚本行为。

【讨论】：

【解决方案2】：

最近遇到了完全相同的问题。我的解决方案是使用带有 contentEditable="true" 的 div 而不是 iframe，这样您就可以在该 div 中的元素上设置 contentEditable="false"。不是一个完美的解决方案，但在我的情况下可以完成工作。

【讨论】：

只要您的代码不需要在不支持contentEditable 的Firefox 2 中运行就可以了。

【解决方案3】：

如果您查看 google 文档，当您关注链接时，它们会显示一个小 div，其中包含针对该链接的不同操作。

我猜他们已经花费了很多精力来做到最好。所以我不会尝试不同的东西。

【讨论】：