爲什麼JavaScript編輯器使用iframe來實現？

Question

爲什麼他們更喜歡使用iframe而不是直接使用textarea來打開.contentWindow.document.designMode = "on"的設計模式？

Answer 1

原因是，您將無法使用編輯器在textarea中預覽應用的樣式。無論何時應用樣式，如按Ctrl + B，iframe中的部分都可以以粗體格式呈現字符，而在textarea中則不可能。 Textarea用於輸入非格式化值，而設計模式打開iframe用於輸入格式化文本。

您可以使用任何其他元素，如div，並可以將其轉換爲編輯器。但是使用iframe你可以擁有一個單獨的文檔，並且可以在不考慮設置iframe的父頁面的情況下對其進行操作。

Answer 2

我想使用iframe可以實現更好的隔離效果：編輯器可以做任何它想做的事情，而不會與頁面的其他部分發生衝突 - 特別是對於CSS和Javascript。

Answer 3

大多數瀏覽器都有着某種可編輯的模式相當長的一段時間，但直到最近一些瀏覽器（如Firefox，直到第3版）僅支持designMode，只在整個文檔工作，而不是更靈活contentEditable，可以打開和關閉文檔中的單個元素。因此，所見即所得編輯必須使用iframe來支持此類瀏覽器。