zastąpić wybrany tekst w contenteditable div

Question

Szukałem wysokiego i niskiego na odpowiedź, ale nie powiodło się.

Czy istnieje rozwiązanie oparte na różnych przeglądarkach, które zastępuje wybrany tekst w div? Po prostu chcę, aby użytkownicy podświetlili jakiś tekst i zamienili podświetlony tekst na xxxxx.

Answer 1

Poniższa wykona pracę we wszystkich głównych przeglądarek:

function replaceSelectedText(replacementText) { 
    var sel, range; 
    if (window.getSelection) { 
     sel = window.getSelection(); 
     if (sel.rangeCount) { 
      range = sel.getRangeAt(0); 
      range.deleteContents(); 
      range.insertNode(document.createTextNode(replacementText)); 
     } 
    } else if (document.selection && document.selection.createRange) { 
     range = document.selection.createRange(); 
     range.text = replacementText; 
    } 
}