IE8 iframe DesignMode가 선택을 잃습니다.

Question

아래 예제는 window.parent. [turn designmode on] (이 작동)을 사용하는 iframe의 간단한 예입니다. FF에서는 모든 것이 잘되지만 IE8 (깜짝 놀람)에서는 iframe을 클릭 할 때 선택 사항이 손실됩니다. 이것은 iframe 외부의 도구 사용을 완전히 무효화합니다. 나는 당신은 iframe이 포커스를 잃을 때 선택을 저장 시도 할 수 IE8 http://www.chromedigital.co.za/hydrapage/test.htm

Answer 1

iframe 선택을 해제하려면 unselectable="on"을 추가하십시오. 예를 들어

:

이

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

Answer 2

의 해결 방법 4 일 후 ...

열기를 찾을 수 없습니다. 사용자가 포커스를 다시 받기 전에 iframe의 내용이 변경되지 않는다고 확신하는 경우 현재 선택된 Range 또는 TextRange을 저장할 수 있습니다. (메인 페이지) 다음 스크립트는 원래 스크립트가 포함되어 광범위하게 테스트되지 않고 더 나은 특징 검출 개선 될 수 있지만, 작업 할 무언가이다 : 당신이하지 원하는 주 문서에있는 모든 요소에

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

내 편집 상자 이미지, 당신이 마지막으로 iframe에 클릭하고 IE6, IE7과 FF 작동 테이블 등을 추가 할 수 있지만, IE8 것이 시작 부분에 다음 추가합니다. 그런 다음 잘라내어 원하는 위치에 붙여 넣을 수 있지만 이는 불편합니다. 더 심각한 것은 예를 들어 표 셀의 속성을 변경하려고 할 때 강조 표시해야하는 셀에 텍스트가 있어야하거나 현재 어떤 요소가 있는지 확인할 수 없다는 것입니다.

Microsoft에 선택 방법에 대한 버그 수정이 있습니까? 아니면 Firefox 또는 이전 버전, 즉 유일한 과정입니까?

감사합니다. 마이크 W