Question

我在Firefox中遇到了contentEditable iframe的问题。我创建了一个用于粘贴富文本格式的iframe，它在Chrome中运行良好。但是，出于某种原因，iframe在Firefox和IE中无法编辑。当我在FF中加载iframe时，光标在iframe中闪烁然后消失，永远不会返回。以下是Chrome中加载的HTML：

<iframe id="atto_pastespecial_iframe" frameborder="0" style="border: 1px solid gray">
#document
     <html>
         <head></head>
         <body contenteditable="true"></body>
     </html>
</iframe>

然而，这是它在FF中的表现：

<iframe id="atto_pastespecial_iframe" frameborder="0" style="border: 1px solid gray">
#document
     <html>
         <head></head>
         <body></body>
     </html>
</iframe>

我通过YUI Javascript添加HTML :(编辑以显示如何添加iframe）

_addIframe: function(container) { //Container points at div to insert iframe into
    container.setHTML('<iframe id="atto_pastespecial_iframe" src="javascript: window.onload(document.getElementByTagName(\'body\').contentEditable=\'true\')" frameBorder="0" style="border: 1px solid gray"></iframe>');
    var ifr = Y.one('#atto_pastespecial_iframe');
    var doc = ifr.get('contentWindow.document');

    // Set the iframe to be editable by the user
    doc.one('body').setAttribute('contentEditable', 'true');
    doc.one('body').focus();

有谁知道为什么iframe可以在Chrome中编辑，但不能在FF或IE中编辑？

ContentEditable iframe在firefox中无法编辑

0 个答案: