停止在具有designMode =“on”的doc中编辑某些元素;

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

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

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