इंटरनेट एक्सप्लोरर

Question

में execCommand ("insertHTML", ...) document.execCommand() का उपयोग कर एक संपादन योग्य आईफ्रेम के साथ एक wysiwyg-editor बना रहा हूं।

function run() { 
 
    document.getElementById("target").focus(); 
 
    document.execCommand("insertHTML", false, "<b>ins</b>"); 
 
}

<div contenteditable id="target">contenteditable</div> 
 
<button onclick="run()">contenteditable.focus() + document.execCommand("insertHTML", false, "&lt;b>ins&lt;/b>")</button>

इस समस्या का मानक समाधान क्या है: अब मैं "insertHTML" आदेश जो क्रोम और फ़ायरफ़ॉक्स में पूरी तरह से काम करता है लेकिन निश्चित रूप से यह इंटरनेट एक्सप्लोरर में काम नहीं करता है उपयोग करने की आवश्यकता? यह ठीक है अगर यह केवल IE8 में काम करता है लेकिन आईई 7-समर्थन भी अच्छा होगा। ,

var doc = document.getElementById("your_iframe").contentWindow.document; 

if (doc.selection && doc.selection.createRange) { 
    var range = doc.selection.createRange(); 
    if (range.pasteHTML) { 
     range.pasteHTML("<b>Some bold text</b>"); 
    } 
} 

अद्यतन

IE 11 में, document.selection चला गया है और insertHTML अभी भी समर्थित नहीं है:

Answer 1

आईई < में = 10 आप चयन का प्रतिनिधित्व TextRange की pasteHTML विधि का उपयोग कर सकते हैं तो आपको निम्न की तरह कुछ चाहिए:

https://stackoverflow.com/a/6691294/96100

Answer 2

मामले में आप कुछ भी अभी तक नहीं मिला है,

मैं एक बटन है कि एक iframe में एचटीएमएल जोड़ना होगा था, और IE8 में एक त्रुटि पैदा कर रहा था जब मैं बटन क्लिक किया और कोई पाठ का चयन किया गया है (यानी जब मुझे झपकी देखभाल थी)। यह पता चला कि बटन स्वयं ही चयन कर रहा था (अचयनित करने के बावजूद = "चालू"), और त्रुटि को फेंकने के लिए जावास्क्रिप्ट का कारण बनता है। जब मैंने बटन को एक div में बदल दिया (अचयनित के साथ) यह ठीक काम करता है, आईई 8 और एफएफ में।

उम्मीद है कि इससे मदद मिलती है।

Answer 3

var doc = document.getElementById("your_iframe").contentWindow.document; 

// IE <= 10 
if (document.selection){ 
    var range = doc.selection.createRange(); 
     range.pasteHTML("<b>Some bold text</b>"); 

// IE 11 && Firefox, Opera ..... 
}else if(document.getSelection){ 
    var range = doc.getSelection().getRangeAt(0); 
    var nnode = doc.createElement("b"); 
     range.surroundContents(nnode); 
     nnode.innerHTML = "Some bold text"; 
}; 

Answer 4

मैं जानता हूँ कि यह बेहद पुराना है, लेकिन जब से IE अभी भी एक समस्या है, यहाँ एक बेहतर तरीका जो भी execCommand का उपयोग नहीं करता है।

इसमें कुछ चेक गुम हैं, जैसे कि आप एक छवि जोड़ने के लिए सही कंटेनर में हैं।

var sel = window.getSelection(); 
var range = sel.getRangeAt(0); 
var frag = document.createDocumentFragment(); 
var img = document.createElement("img"); 
// add image properties here 

frag.appendChild(img); 
range.insertNode(frag);