जावास्क्रिप्ट: execCommand ("removeformat") h2 टैग

Question

पट्टी नहीं है मैं एक wysiwyg संपादक फेरबदल कर रहा हूँ, और मैं एक आइकन जो h2 के पाठ का चयन पट्टी बनाने के लिए कोशिश कर रहा हूँ।

एक पिछले संस्करण में, निम्न आदेश पूरी तरह से काम किया:

oRTE.document.execCommand("removeformat", false, ""); 

लेकिन वर्तमान संस्करण में, हालांकि उस आदेश को सफलतापूर्वक, बोल्ड रेखांकन, इटैलिक्स के रूप में चयनित पाठ इस प्रकार के टैग से निकाल देता है, यह h2 टैग छोड़ देता है बरकरार।

(दिलचस्प बात यह execCommand("formatblock"...) सफलतापूर्वक h2 टैग पैदा करता है।)

मैं सोच रहा हूँ कि मैं execCommand त्याग और एक और तरीका खोजने के लिए जा रहा हूँ, लेकिन मैं यह भी सोच रहा हूँ कि यह एक हो जाएगा कोड की केवल 1 पंक्ति से बहुत अधिक! सुझावों के लिए आभारी होंगे।

Answer 1

इस प्रस्तावित W3C Editing APIs के अनुसार है। यह स्वरूपण तत्वों की सूची है, और H# तत्वों सूचीबद्ध नहीं हैं। इन्हें संरचनात्मक माना जाता है, न केवल स्वरूपण। यह UL या P दूर करने के लिए की तुलना में इन टैग हटाने के लिए किसी भी अधिक मतलब नहीं है।

Answer 2

आप अपने प्रारूप बदल सकते हैं div करने के लिए, यह सबसे अच्छा समाधान नहीं है, लेकिन यह काम करता है और यह कम है:

document.execCommand('formatBlock', false, 'div') 

भी चयनित पाठ से निकटतम माता पिता पाने के लिए यह अन्य समाधान नहीं है तो आप इसे खोलने कर सकते हैं , ध्यान दें कि यह < जैसे कुछ टैग ख > हो सकता है कि:

var container = null; 
if (document.selection) //for IE 
    container = document.selection.createRange().parentElement(); 
else { 
    var select = window.getSelection(); 
    if (select.rangeCount > 0) 
     container = select.getRangeAt(0).startContainer.parentNode; 
} 
$(container).contents().unwrap(); //for jQuery1.4+ 

Answer 3

मुझे लगता है कि आप रेंज वस्तु का उपयोग कर सकते हैं। आप वेब डेवलपर्स 3 संस्करण के लिए व्यावसायिक जावास्क्रिप्ट से पा सकते हैं। उस किताब से अध्याय 12 (12.4) और अध्याय 14 (14.5) ...

एक उदाहरण:

var selection = frames["richedit"].getSelection(); 

var selectedText = selection.toString(); 

var range = selection.getRangeAt(0); 

var span = frames["richedit"].document.createElement("span"); 
span.style.backgroundColor = "yellow"; 
range.surroundContents(span);