阻止在designMode =“on”的文档中编辑某些元素；

Question

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

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

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

有没有一种方法可以让某些元素正常工作，即使它们在designMode="on"文档中？

Answer 1

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

Answer 2

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

Answer 3

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

我猜他们已经花费了大量的精力来让它变得最好。所以我不会尝试不同的东西。