javascript - 停止在 designMode = "on"的文档内编辑某些元素；

Question

我正在使用 iframe 并将其 contentendocument.designMode 设置为“on”。这使我能够复制富文本编辑器，并在编辑过程中实现更大的灵 active 。

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

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

有没有办法让某些元素像平常一样工作，即使它们位于 designMode="on" 内文件？

Answer 1

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