Почему они предпочитают использовать iframe и включить режим разработки на .contentWindow.document.designMode = "on" вместо прямого использования textarea?Почему редакторы javascript используют iframe для реализации?
Причина в том, что вы не сможете просматривать предварительный просмотр стилей, применяемых с помощью редактора, в текстовом поле. Всякий раз, когда вы применяете стили, такие как нажатие Ctrl + B, раздел внутри iframe может отображать символы полужирным шрифтом, тогда как в текстовом поле это будет невозможно. Textarea предназначен для ввода неформатированных значений, тогда как режим разработки, включенный iframe, предназначен для ввода форматированного текста.
Вы можете использовать любой другой элемент, например div, и можете превратить его в редактор. Но с использованием iframe вы можете иметь отдельный документ и можете манипулировать им, не рассматривая родительскую страницу, в которой установлен iframe.
Я полагаю, что использование iframe позволяет улучшить изоляцию: редактор может делать практически все, что захочет, без какого-либо риска конфликта с остальной частью вашей страницы - особенно для CSS и Javascript.
Большинство браузеров довольно долгое время редактировалось, но до недавнего времени некоторые браузеры (например, Firefox до версии 3) поддерживали только designMode, который работает только на целый документ, а не на более гибкий contentEditable, которые могут быть включены и выключены для отдельных элементов документа. Поэтому редакторы WYSIWYG были обязаны использовать iframe для поддержки таких браузеров.