ну если полностью ф-цию то вот она (еще раз напомню, что моя задача - вставить iframe, прописать или подключить в нем стили и сделать тег body редактируемым, т. е. установить атрибут contenteditable="true"):
function insertEditor(){
var $el=document.createElement("iframe");
$el.src='data:text/html;charset=utf-8,<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Rich Text Area.</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><base href="http://vsesvit/"><style>html { height: 95%; } body { padding: 7px; background-color: #fff; font...idden div,.yui-hidden p,.yui-hidden span,.yui-hidden img, .yui-hidden ul, .yui-hidden ol, .yui-hidden li, .yui-hidden table { border: 1px dotted #ccc; } .yui-hidden .yui-non { border: none; } .yui-hidden img { padding: 2px; }</style></head><body contenteditable="true;">d d d</body></html>'
document.getElementById('story').appendChild($el);
//это первый способ которым я пытался добиться результата. ничего не получилось в фаербаге body пустой
}
function insertEditor(){
var $el=document.createElement("iframe");
document.getElementById('story').appendChild($el);
var $iframe=$el.contentWindow.document
var $body=$iframe.getElementsByTagName('body')
$body[0].innerHTML='d d d'
$body[0].contentEditable=true//или $body[0].setAttribute('contenteditable',true)
//второй способ которым я пытался что-то сделать - тоже ничего не получилось, в фаербаге в body написано d d d. атрибут contenteditable вообще не показан
}