Javascript - Bir öğeyi execCommand olarak contenteditable olarak nasıl değiştirebilirim? seçtiyseniz

Question

Ben B etiketi geçiş yapmak istiyorum:

<div contenteditable="true"> 
<p><b>Zeffer !</b></p> 
</div> 
<button id="bold">Bold</button> 

Answer 1

Sadece execCommand çalıştırır düğmeye, bir click event listener ekleyebilir.

var bold = document.getElementById('bold'); 

bold.addEventListener('click', function() { 
    document.execCommand('bold', false, null); 
}); 

butonuna tıklayarak daha sonra contenteditable div içinde metin seçme ve zaman, kalın veya kalın olmayan birine geçiş yapılır; mevcut durumuna bağlı olarak.

Canlı bir demo için this fiddle adresine bakın.