Javascript: execCommand ("removeformat") h2 etiketini çevirmiyor

Question

Bir wysiwyg editörünü ayarlıyorum ve h2 seçili metnini çıkaracak bir simge oluşturmaya çalışıyorum. Bir önceki versiyonda

aşağıdaki komutu mükemmel çalıştı:

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

Ama şimdiki sürümünde, bu komut başarıyla altı çizili, kalın, italik olarak seçilen metin böyle etiketlerden kaldırır rağmen, h2 etiketi bırakır bozulmamış.

(İlginçtir ki, execCommand("formatblock"...) başarıyla h2 etiketi oluşturur.)

ben execCommand terk edip başka bir yol bulmak zorunda gidiyorum olduğunu düşünüyorum, ama ben de bir olacağını düşünüyorum Sadece 1 satır koddan çok daha fazlası! Öneriler için minnettar olurdum.

Answer 1

Bu, önerilen W3C Editing APIs ile uyumludur. Biçimlendirme öğelerinin bir listesi vardır ve H# öğeleri listelenmez. Bunlar sadece biçimlendirme değil yapısal olarak kabul edilir. Bu etiketleri kaldırmak için UL veya P'u kaldırmaktan daha mantıklı değildir.

Sen div için biçimini değiştirebilirsiniz

Answer 2

, en iyi çözüm değil ama çalışır ve kısadır: seçili metne en yakın üst almak için bu diğer çözüm de vardır

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

o zaman ambalajından edebilirsiniz

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

sana Menzil nesneyi kullanabilirsiniz düşünüyorum: Bu bazı etiket > b < gibi olabilir unutmayın. Web Developers 3rd Edition için Profesyonel JavaScript'ten bulabilirsiniz. o kitaptan bölüm 12 (12.4) ve bölüm 14 (14.5) ...

bir örnek:

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);