IE8 iframe DesignMode mất lựa chọn

Question

Ví dụ dưới đây là ví dụ đơn giản về khung nội tuyến sử dụng window.parent. [Turn designmode on] (công trình này). Trong FF tất cả là tốt, nhưng trong IE8 (ngạc nhiên bất ngờ) bất kỳ lựa chọn được thực hiện sẽ bị mất khi bạn nhấp vào trong khung nội tuyến. Điều này hoàn toàn phủ nhận việc sử dụng các công cụ bên ngoài khung nội tuyến. Tôi không thể tìm thấy một giải pháp 4 ngày sau đó ...

Open in IE8 http://www.chromedigital.co.za/hydrapage/test.htm

Answer 1

Trên bất kỳ phần tử trong tài liệu chính mà bạn muốn không để phá vỡ lựa chọn khung nội tuyến, hãy thêm unselectable="on".

Ví dụ:

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

Answer 2

Bạn có thể thử lưu lựa chọn khi iframe mất tập trung. Nếu bạn chắc chắn nội dung của khung nội tuyến sẽ không thay đổi trước khi người dùng tập trung vào nó một lần nữa, bạn có thể lưu trữ Range hoặc TextRange hiện đang được chọn. Các kịch bản sau đây (đối với trang chính) bao gồm kịch bản ban đầu của bạn, không được thử nghiệm rộng rãi và sẽ được cải thiện với tính năng phát hiện tốt hơn nhưng là một cái gì đó để làm việc với:

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

My Editbox thể thêm hình ảnh, bảng biểu vv nơi bạn cuối cùng nhấp vào iframe và làm việc cho IE6, IE7 và FF nhưng đối với ie8 nó bổ sung thêm sau đó vào lúc bắt đầu. Sau đó, chúng có thể được cắt và dán vào nơi bạn muốn, nhưng đó là một mối phiền toái. SERIOUS THÊM hơn nữa là khi tôi muốn thay đổi các thuộc tính của một ô bảng, ví dụ, tôi phải có một số văn bản bây giờ trong ô mà tôi phải làm nổi bật hoặc tôi không thể xác định yếu tố nào tôi đang ở!

Có Microsoft sửa lỗi cho phương pháp lựa chọn hoặc Firefox hoặc phiên bản cũ của tức là khóa học duy nhất không?

liên quan đến Mike W