IE8 iframe DesignMode pierde selección

Question

El siguiente ejemplo es un ejemplo simple de un iframe que usa window.parent. [Activemode de diseño activado] (esto funciona). En FF todo está bien, pero en IE8 (sorpresa sorpresa), cualquier selección realizada se pierde al hacer clic fuera del iframe. Esto niega totalmente el uso de herramientas fuera del iframe. No puedo encontrar una solución 4 días más tarde ...

abierto en IE8 http://www.chromedigital.co.za/hydrapage/test.htm

Answer 1

en cualquier elemento en el documento principal que no quiere para romper la selección del iframe, agregue unselectable="on".

Por ejemplo:

<div onclick="makeBold()" unselectable="on">Bold</div> 

Answer 2

Usted podría intentar salvar la selección cuando el iframe pierde el foco. Si está seguro de que el contenido del iframe no cambiará antes de que el usuario lo vuelva a enfocar, puede almacenar el Range o el TextRange actualmente seleccionados. La siguiente secuencia de comandos (para la página principal) incluye su guión original, no se ha probado extensamente y se podría mejorar con una mejor detección de características, pero es algo con que trabajar:

h_FF=!document.all 
h_rt_F=0 

function HLC_DM() 
{ 
h_rt_F=document.getElementById("moo").contentWindow 
if(h_FF) 
{ 
    if(h_rt_F.document.designMode!="on") 
    { 
    try 
    { 
    h_rt_F.document.designMode="on" 
    h_rt_F.document.execCommand("redo",false,null) 
    createEventHandlers(); 
    } 
    catch(e) 
    { 
    setTimeout("HLC_DM",200) 
    return false 
    } 
    } 
} 
else 
    h_rt_F.document.body.contentEditable=true 
    createEventHandlers(); 
} 


function getContentWindow() { 
return document.getElementById("moo").contentWindow; 
} 

function saveSelection() { 
var win = getContentWindow(); 
var doc = win.document; 
var sel = win.getSelection ? win.getSelection() : doc.selection; 
var range; 

if (sel) { 
    if (sel.createRange) { 
    range = sel.createRange(); 
    } else if (sel.getRangeAt) { 
    range = sel.getRangeAt(0); 
    } else if (sel.anchorNode && sel.focusNode && doc.createRange) { 
    // Older WebKit browsers 
    range = doc.createRange(); 
    range.setStart(sel.anchorNode, sel.anchorOffset); 
    range.setEnd(sel.focusNode, sel.focusOffset); 

    // Handle the case when the selection was selected backwards (from the end to the start in the 
    // document) 
    if (range.collapsed !== sel.isCollapsed) { 
    range.setStart(sel.focusNode, sel.focusOffset); 
    range.setEnd(sel.anchorNode, sel.anchorOffset); 
    } 
    } 
} 
return range; 
} 

function restoreSelection(range) { 
var win = getContentWindow(); 
var doc = win.document; 
var sel = win.getSelection ? win.getSelection() : doc.selection; 

if (sel && range) { 
    if (range.select) { 
    range.select(); 
    } else if (sel.removeAllRanges && sel.addRange) { 
    sel.removeAllRanges(); 
    sel.addRange(range); 
    } 
} 
} 

var selectedRange; 

function blurHandler() { 
selectedRange = saveSelection(); 
} 

function focusHandler() { 
if (selectedRange) { 
    restoreSelection(selectedRange); 
} 
} 

var iframeHandlersCreated = false; 
function createEventHandlers() { 
// Prevent setting up twice 
if (!iframeHandlersCreated) { 
    var iframe = document.getElementById("moo"); 
    var doc; 
    if (iframe.contentDocument && iframe.contentDocument.addEventListener) { 
    doc = iframe.contentDocument; 
    doc.addEventListener("blur", blurHandler, false); 
    doc.addEventListener("focus", focusHandler, false); 
    } else if (iframe.attachEvent) { 
    iframe.attachEvent("onbeforedeactivate", blurHandler); 
    iframe.attachEvent("onfocus", focusHandler); 
    } 
    iframeHandlersCreated = true; 
} 
} 

Answer 3

Mi cuadro de edición puede agregar imágenes, tablas, etc., donde la última vez que hizo clic en el iframe y trabaja para IE6, IE7 y FF, pero para IE8 se añade a continuación al principio. Luego pueden cortarse y pegarse donde tú quieras, pero eso es una molestia. ¡MÁS GRAVE es que cuando quiero cambiar los atributos de una celda de tabla, por ejemplo, tengo que tener ahora un texto en la celda que debo resaltar o no puedo determinar en qué elemento estoy!

¿Tiene Microsoft alguna corrección de errores para el método de selección o es Firefox o versiones anteriores de, por ejemplo, el único curso?

saludos Mike W