停止在具有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

如果你看看谷歌文檔，當你專注於鏈接，他們顯示一個小的div與該鏈接不同的行動。

我想他們已經花了很多精力使它盡其所能。所以我不會嘗試一些不同的東西。

Answer 3

你可以放置一個複選框來切換到'開'和'關'的設計模式。查看暫時切換到設計模式的動作「關閉」。通過這種方式，您可以獲得腳本所需的行爲。